目录树的实现程序
源代码在线查看: 阿赖的目录树控件应用示例一.htm
阿赖的目录树控件应用示例一
阿赖的目录树控件应用示例
本例程序调用一个目录树模板程序:alai_tree_pretty和一个目录树功能扩展程序:alai_tree_check。演示目录树模板的使用及如何构建具有checkbox的节点的目录树的方法。
已选定的人员: multiple size=8 name=" ">
copywrite by 赖国欣 2003/6 All right reserved
Email: a@lai.com.cn website:
http://www.9499.net/
/***************************************
阿赖目录树控件应用示例
*******************************************/
var tree1=new alai_tree_pretty(divTree1)
var root=tree1.root
var n3=root.add("查看网页源码","","js","if(self.location.href.indexOf('::')!=-1)alert('CHM帮助查看源代码方法:点鼠标右键打开右键菜单,选择查看源项');else self.location='view-source:'+self.location;")
var n3=root.add("查看程序代码","","js","winCode.show()")
var n1=root.add("生产部")
var n11=tree1.addChkNode(n1,"Sammy")
var n12=tree1.addChkNode(n1,"Gigi")
var n13=tree1.addChkNode(n1,"John Lin")
var n2=root.add("IT部")
tree1.addChkNode(n2,"Rosanna")
tree1.addChkNode(n2,"Angela Lee")
tree1.addChkNode(n2,"Mathew Yang")
tree1.addChkNode(n2,"Remmy")
tree1.addChkNode(n2,"Laily")
var n3=root.add("财务部")
tree1.addChkNode(n3,"Coco Tang")
tree1.addChkNode(n3,"Tony Su")
tree1.addChkNode(n3,"Lisa")
tree1.oncheck=function(srcNode)
{
if(srcNode.checkBox.checked) //添加
{
var item=document.createElement("option")
item.text=item.value=srcNode.label.innerText
sltName.add(item)
}else //取消
{
for(var i=0;i {
if(srcNode.label.innerText==sltName.options[i].value)sltName.options[i]=null;
}
}
}
n11.checkBox.checked=n12.checkBox.checked=n13.checkBox.checked=true
/*程序代码浏览窗口*/
var script=document.getElementsByTagName("SCRIPT")
var sCode=script[4].innerHTML
sCode=sCode.replace(//g,">")
sCode=sCode.replace(/([A-Za-z0-9> sCode=sCode.replace(/\t/g," ")
sCode=sCode.replace(/(\/\*)/g,"$1")
sCode=sCode.replace(/(\*\/)/g,"$1")
sCode=sCode.replace(/\n/g,"")
winCode=new alai_win_xp(sCode,"程序代码浏览窗口",600,500,45,120)
winCode.addButton("隐藏","hide")
winCode.content.style.cssText="text-align:left;color:darkblue;background-color:#dddddd"
/* The End */