javascript控件程序,javascript控件使用方法和源码.可适用开发和作为教程
源代码在线查看: tree_exam6.htm
阿赖目录树控件应用示例--动态加载树前台页面
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...")
{
//动态加载子节点的代码:
ifrLoad.location="tree_load.asp?id="+srcNode.getKey().replace("n","");
}
return true;
}
*******本例需要在IIS环境下运行才能看到动态加载的目录树显示于上面*******
阿赖目录树控件应用示例 -- 通过ASP与ACCESS数据库动态加载节点
动态添加节点的方法/原理:
显示目录树的页面(前台页面)使用iframe(高度宽度设为0,所以是不可见的),当页面加载及单击节点时通过iframe调用(加载)另一个ASP页面(后台程序),通过ASP访问数据库获得节点信息,生成添加节点的代码。得益于阿赖目录树控件程序的强大与灵活,前台与后台的程序都相当的简单。
本例包括一个前台文件:tree_exam6.htm 和后台文件:tree_load.asp,以及一个数据库tree.mdb 在教程和程序的下载包里可以找到。下载
数据表结构(前三个字段必填,后三个字段允许为空):
id - 自动编号类型
parentid - 父节点的id,如果是第一级节点,设为-1
text - 节点文本
exeCategory - 节点功能类型,取值为js 或 url
exeArgv - 功能参数(可参考目录树对象参考的add方法的参数说明)
icon - 节点图标
一些提示:本例中给每个节点设了一个键(key)值取 "n"+id的形式,即其id为1,key则为n1,我们就可以通过tree.nodes["n1"]的形式来访问节点了。
copywrite by 赖国欣 2003/7 All right reserved
Email: a@lai.com.cn website:
http://www.9499.net