?? 阿賴的目錄樹控件應用示例一.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,"<").replace(/>/g,">")
sCode=sCode.replace(/([A-Za-z0-9><_\)\(\]\[\}\{\. \$/;=\+\?"&:-]{2,})/g,"<font color='green'>$1</font>");
sCode=sCode.replace(/\t/g," ")
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 + -