⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 阿赖的目录树控件应用示例一.htm

📁 目录树的实现程序
💻 HTM
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0041)http://gf.yf163.com/tmp/tc/tree_exam4.htm -->
<HTML><HEAD><TITLE>阿赖的目录树控件应用示例一</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1476" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<SCRIPT src="阿赖的目录树控件应用示例一.files/alai_win_xp.js"></SCRIPT>

<SCRIPT src="阿赖的目录树控件应用示例一.files/alai_tree.js"></SCRIPT>

<SCRIPT src="阿赖的目录树控件应用示例一.files/alai_tree_pretty.js"></SCRIPT>

<SCRIPT src="阿赖的目录树控件应用示例一.files/alai_tree_check.js"></SCRIPT>
</HEAD>
<BODY>
<P><FONT style="FONT-WEIGHT: bold; FONT-SIZE: 14pt">阿赖的目录树控件应用示例</FONT> </P>
<P>本例程序调用一个目录树模板程序：alai_tree_pretty和一个目录树功能扩展程序：alai_tree_check。演示目录树模板的使用及如何构建具有checkbox的节点的目录树的方法。</P>
<HR>

<DIV id=divTree1></DIV>已选定的人员:<BR><SELECT id=sltName style="WIDTH: 120px" 
multiple size=8 name=" "></SELECT><BR>
<HR>

<P align=center>copywrite by 赖国欣 2003/6 All right reserved</P>
<P align=center>Email: <A href="mailto:a@lai.com.cn">a@lai.com.cn</A> website: 
<A href="http://www.9499.net/">http://www.9499.net/</A> </P>
<SCRIPT>
/***************************************
		阿赖目录树控件应用示例
*******************************************/

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<sltName.options.length;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,"&lt;").replace(/>/g,"&gt;")
sCode=sCode.replace(/([A-Za-z0-9><_\)\(\]\[\}\{\. \$/;=\+\?"&:-]{2,})/g,"<font color='green'>$1</font>");
sCode=sCode.replace(/\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;")
sCode=sCode.replace(/(\/\*)/g,"<font color='maroon'>$1")
sCode=sCode.replace(/(\*\/)/g,"$1</font>")
sCode=sCode.replace(/\n/g,"<br>")
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		*/

</SCRIPT>
</BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -