?? tree_exam6.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>阿賴目錄樹控件應(yīng)用示例--動(dòng)態(tài)加載樹前臺頁面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="alai_tree.js" language="JavaScript"></script>
</head>
<body>
<script language="JavaScript">
var images=new alai_imagelist()
images.path="images/"
images.add("folderclose","folder")
images.add("hfile","file")
images.add("face")
images.add("angry")
images.add("plus_m","expand")
images.add("plus_top","expand_top")
images.add("plus_end","expand_end")
images.add("minus_m","collapse")
images.add("minus_top","collapse_top")
images.add("minus_end","collapse_end")
images.add("branch","leaf")
images.add("branch_end","twig")
images.add("vline","line")
images.add("blank")
var tree=new alai_tree(images,0)
tree.onexpand=function(srcNode)
{
if(srcNode.first.label.innerText=="loading...")
{
//動(dòng)態(tài)加載子節(jié)點(diǎn)的代碼：
ifrLoad.location="tree_load.asp?id="+srcNode.getKey().replace("n","");
}
return true;
}
</script>
<iframe id="ifrLoad" style="width:0;height:0" src="tree_load.asp?id=-1"></iframe>
<!-- ************以上是構(gòu)建動(dòng)態(tài)目錄樹所需的代碼，以下只是一些說明 *************** -->
<p><font color="#CC0000">*******本例需要在IIS環(huán)境下運(yùn)行才能看到動(dòng)態(tài)加載的目錄樹顯示于上面*******</font></p>
<p><strong><font size="4">阿賴目錄樹控件應(yīng)用示例 -- 通過ASP與ACCESS數(shù)據(jù)庫動(dòng)態(tài)加載節(jié)點(diǎn)</font></strong></p>
<p>動(dòng)態(tài)添加節(jié)點(diǎn)的方法/原理：</p>
<p>顯示目錄樹的頁面(前臺頁面)使用iframe(高度寬度設(shè)為0，所以是不可見的)，當(dāng)頁面加載及單擊節(jié)點(diǎn)時(shí)通過iframe調(diào)用(加載)另一個(gè)ASP頁面(后臺程序)，通過ASP訪問數(shù)據(jù)庫獲得節(jié)點(diǎn)信息，生成添加節(jié)點(diǎn)的代碼。得益于阿賴目錄樹控件程序的強(qiáng)大與靈活，前臺與后臺的程序都相當(dāng)?shù)暮唵巍?lt;/p>
<p>本例包括一個(gè)前臺文件：tree_exam6.htm 和后臺文件：tree_load.asp，以及一個(gè)數(shù)據(jù)庫tree.mdb 在教程和程序的下載包里可以找到。<a href="http://www.9499.net?go=downtc" target="_blank">下載<img src="images/misc_arrow.gif" width="21" height="12" border="0"></a></p>
<p>數(shù)據(jù)表結(jié)構(gòu)(前三個(gè)字段必填，后三個(gè)字段允許為空)：</p>
<p>id - 自動(dòng)編號類型</p>
<p>parentid - 父節(jié)點(diǎn)的id，如果是第一級節(jié)點(diǎn)，設(shè)為-1</p>
<p>text - 節(jié)點(diǎn)文本</p>
<p>exeCategory - 節(jié)點(diǎn)功能類型，取值為js 或 url</p>
<p>exeArgv - 功能參數(shù)（可參考目錄樹對象參考的add方法的參數(shù)說明）</p>
<p>icon - 節(jié)點(diǎn)圖標(biāo)</p>
<p> </p>
<p>一些提示：本例中給每個(gè)節(jié)點(diǎn)設(shè)了一個(gè)鍵(key)值取 "n"+id的形式，即其id為1,key則為n1，我們就可以通過tree.nodes["n1"]的形式來訪問節(jié)點(diǎn)了。</p>
<hr>
<p align="center">copywrite by 賴國欣 2003/7 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>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -