myTree树型结构

    Author : 网无忌(netwild)     netwild's Blog : http://www.yuumoo.com.cn


主要特点:

1) 兼容常见的数据库(Access、SQL Server、Oracle、...)
2) 兼容常见的服务器端脚本(.Net、ASP、PHP、JSP、ColdFusion、...)
3) 可自定义数据库相关设置,与现有应用无缝集成。
4) 调用方便、简单。
5) 采用AJAX技术(Bingo,作者:yoyo)异步加载下层数据,加快响应速度
6) 理论上支持无限纵深、无限分类。
7) 可自定义CSS样式模板(增加、修改)


调用实例:

<link href="myTree/Skin/Normal/myTree.css" type="text/css" rel="stylesheet">
<script language="javascript" src="myTree/script/myTree.js"></script>
<div id="divName"></div>
<script language="javascript">
    var tree = new myTree([skinName],[PId],[paddLeft]);
    tree.show({divName});
</script>


数据库配置:

Const tableName = "tree"   '数据表名称
Const ID_Field = "treeId"   '节点ID字段(注:数值型)
Const PID_Field = "treePId"   '父节点ID字段(注:数值型)
Const Name_Field = "treeName"   '节点名称字段(注:任意类型)
Const Sort_Field = "treeSort"   '排序字段(注:有多个时中间用“,”分隔)
Const SQL_Filter = "used=1"   '其他扩展查询条件


效果演示:

输入节点ID:

更新历史:

> v1.04 Beta     By:netWild [2007-08-31]


1) 增加节点重新加载方法:reLoad(ID)
    ID参数为节点ID属性,可自定义,或从Item_onClick事件获得。




> v1.03 Beta     By:netWild [2007-08-31]


1) 增加节点文字鼠标单击事件:Item_onClick(Item)
    Item参数为返回的当前节点对象,该对象有六个属性:
    - ID:节点ID
    - LayNum:节点所在的层数
    - PID:上级节点ID
    - Name:节点文字
    - State:节点状态(0:关闭状态,1:展开状态)
    - SubCount:子节点个数


2) 增加节点展开/收缩方法:Ext_onClick(ID)
    ID参数为节点ID属性,可自定义,或从Item_onClick事件获得。




> v1.02 Beta     By:netWild [2007-08-30]


1) 修正内容宽于容器时自动换行的问题。

2) 增加鼠标悬停提示文本及状态栏提示信息功能。




> v1.01 Beta     By:netWild [2007-08-29]


1) myTree 测试版基本框架开发完成。。




© copyright    myTree v1.04 Beta     netwild@163.com    http://www.yuumoo.com.cn