?? singletree.js
字號:
/**
* 用途:不帶Checkbox功能的樹形控件
* 作者: 林勇
* 描述: 使得樹型控件支持子節點全部選中父節點才選中
* (Singletree.js)
* 公司:
* 修改日志
*/
var nodes = new Array();
var openNodes = new Array();
var selectNodes = new Array();
var icons = new Array(6);
var checkName = "";
var imgpath = "";
var hasAction = "false";
var readonly = "false";
// Loads all icons that are used in the tree
function preloadIcons() {
icons[0] = new Image();
icons[0].src = imgpath+"plus.gif";
icons[1] = new Image();
icons[1].src = imgpath+"plusbottom.gif";
icons[2] = new Image();
icons[2].src = imgpath+"minus.gif";
icons[3] = new Image();
icons[3].src = imgpath+"minusbottom.gif";
icons[4] = new Image();
icons[4].src = imgpath+"folder.gif";
icons[5] = new Image();
icons[5].src = imgpath+"folderopen.gif";
}
// Create the tree
function createTree(arrName,startNode,openNode,seNode,chName,rootName,serverpath,actionstats,tablecss,read) {
//is has link action
if(actionstats == "true")
hasAction = actionstats;
//set imgage path
imgpath = serverpath+"/img/";
//set tree body context
nodes = arrName;
//set checkbox name
checkName = chName;
//set had been checked node
selectNodes = seNode.split(",");
//set checkbox readonly
readonly = read;
setSelectOpen();
if (nodes.length > 0) {
preloadIcons();
if (startNode == null) startNode = 0;
if (openNode != 0 || openNode != null) setOpenNodes(openNode);
//var ta = "<table ";
document.write("<table ");
var tables = tablecss.split(",");
for(var i=0;i<tables.length;i++){
var tabsub = tables[i].split(":");
// ta = ta + tabsub[0]+"=\""+tabsub[1]+"\" ";
document.write(tabsub[0]+"=\""+tabsub[1]+"\" ");
}
// alert(ta);
// document.write(ta);
document.write("><tr><td>");
if (startNode !=0) {
var nodeValues = nodes[getArrayId(startNode)].split("|");
document.write("<a href=\"" + nodeValues[3] + "\" onmouseover=\"window.status='" + nodeValues[2] + "';return true;\" onmouseout=\"window.status=' ';return true;\"><img src=\"img/folderopen.gif\" align=\"absbottom\" alt=\"\" />" + nodeValues[2] + "</a><br />");
} else {
document.write("<img src=\""+imgpath+"base.gif\" align=\"absbottom\" alt=\"\" />");
document.write(rootName);
document.write("<br>");
}
var recursedNodes = new Array();
addNode(startNode, recursedNodes);
document.write("</td></tr></table>");
}
}
function setSelectOpen(){
for(var i=0;i<selectNodes.length;i++){
setOpenNodes(selectNodes[i]);
}
}
// Returns the position of a node in the array
function getArrayId(node) {
for (i=0; i<nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[0]==node) return i;
}
}
// Puts in array nodes that will be open
function setOpenNodes(openNode) {
for (i=0; i<nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[0]==openNode) {
openNodes.push(nodeValues[0]);
setOpenNodes(nodeValues[1]);
}
}
}
// Checks if a node is open
function isNodeOpen(node) {
for (i=0; i<openNodes.length; i++)
if (openNodes[i]==node) return true;
return false;
}
// Checks if a node has any children
function hasChildNode(parentNode) {
for (i=0; i< nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[1] == parentNode) return true;
}
return false;
}
// Checks if a node is the last sibling
function lastSibling (node, parentNode) {
var lastChild = 0;
for (i=0; i< nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[1] == parentNode)
lastChild = nodeValues[0];
}
if (lastChild==node) return true;
return false;
}
// Adds a new node in the tree
function addNode(parentNode, recursedNodes) {
for (var i = 0; i < nodes.length; i++) {
var nodeValues = nodes[i].split("|");
if (nodeValues[1] == parentNode) {
var ls = lastSibling(nodeValues[0], nodeValues[1]);
var hcn = hasChildNode(nodeValues[0]);
var ino = isNodeOpen(nodeValues[0]);
// Write out line & empty icons
for (g=0; g<recursedNodes.length; g++) {
if (recursedNodes[g] == 1)
document.write("<img src=\""+imgpath+"line.gif\" align=\"absbottom\" alt=\"\" />");
else
document.write("<img src=\""+imgpath+"empty.gif\" align=\"absbottom\" alt=\"\" />");
}
// put in array line & empty icons
if (ls) recursedNodes.push(0);
else recursedNodes.push(1);
// Write out join icons
if (hcn) {
if (ls) {
document.write("<img onclick=\"javascript: oc(" + nodeValues[0] + ", 1);\" id=\"join" + nodeValues[0] + "\" src=\""+imgpath);
if (ino) document.write("minus");
else document.write("plus");
document.write("bottom.gif\" align=\"absbottom\" alt=\"Open/Close node\" />");
} else {
document.write("<img onclick=\"javascript: oc(" + nodeValues[0] + ", 0);\" id=\"join" + nodeValues[0] + "\" src=\""+imgpath);
if (ino) document.write("minus");
else document.write("plus");
document.write(".gif\" align=\"absbottom\" alt=\"Open/Close node\" />");
}
} else {
if (ls) document.write("<img src=\""+imgpath+"joinbottom.gif\" align=\"absbottom\" alt=\"\" />");
else document.write("<img src=\""+imgpath+"join.gif\" align=\"absbottom\" alt=\"\" />");
}
// Start link
document.write("<a href=\"" + nodeValues[3] + "\" onmouseover=\"window.status='" + nodeValues[2] + "';return true;\" onmouseout=\"window.status=' ';return true;\">");
// Write out node name
document.write(nodeValues[2]);
// End link
document.write("</a>");
document.write("<br>");
// If node has children write out divs and go deeper
if (hcn) {
document.write("<div id=\"div" + nodeValues[0] + "\"");
if (!ino){
document.write(" style=\"display: none;\"");
}
document.write(">");
addNode(nodeValues[0], recursedNodes);
document.write("</div>");
}
// remove last line or empty icon
recursedNodes.pop();
}
}
}
// Opens or closes a node
function oc(node, bottom) {
var theDiv = document.getElementById("div" + node);
var theJoin = document.getElementById("join" + node);
// var theIcon = document.getElementById("icon" + node);
if (theDiv.style.display == 'none') {
if (bottom==1) theJoin.src = icons[3].src;
else theJoin.src = icons[2].src;
//theIcon.src = icons[5].src;
theDiv.style.display = '';
} else {
if (bottom==1) theJoin.src = icons[1].src;
else theJoin.src = icons[0].src;
//theIcon.src = icons[4].src;
theDiv.style.display = 'none';
}
}
// Push and pop not implemented in IE(crap! don?t know about NS though)
if(!Array.prototype.push) {
function array_push() {
for(var i=0;i<arguments.length;i++)
this[this.length]=arguments[i];
return this.length;
}
Array.prototype.push = array_push;
}
if(!Array.prototype.pop) {
function array_pop(){
lastElement = this[this.length-1];
this.length = Math.max(this.length-1,0);
return lastElement;
}
Array.prototype.pop = array_pop;
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -