Javascript实现的Ajax树 dhATV(Ajax TreeView) V4.0
作者:dh20156 日期:2008-12-10
Web Develop Navigator!用JavaScript实现的Ajax树 - dhATV(Ajax TreeView) V4.0
属性
ajaxerror [String 请求错误信息] checkbox [Boolean 复选框] dataurl [String Url 数据源] datasource [Array 静态数据源] editable [Boolean 编辑状态] editmenu [Object Dom 编辑菜单] editurl [String Url 编辑处理地址] extpp [Array 扩展数据名称] iconpath [String 图标位置] maxlength [Int 每次最多加载节点数] onContextMenu [Function 节点右击事件,将传递出事件节点,事件X值,事件Y值] onNodeOpen [Function 节点展开事件,将传递出事件节点] onNodeFocus [Function 节点聚焦事件,将传递出事件节点] onNodeChecked [Function 节点选中事件,将传递出事件节点] onNodeUnChecked [Function 节点取消选中事件,将传递出事件节点] onNodeClick [Function 节点单击事件,将传递出事件节点] onNodeDblClick [Function 节点双击事件,将传递出事件节点] root [String 根节点文本] selectedNode [Object Dom 选中节点] sortable [Boolean,String 是否允許排序,false禁止,asc順序A-Z,desc倒序Z-A] sortIndex [Int 要排序的字段] treebox [Object Dom 植树框]
方法
clearNode:function(node) 移除节点(节点) checkUp:function(node) 向上设置checkbox(节点) expandNode:function(node) 展开节点(节点) editNode:function(node,avalue) 编辑节点(节点,节点值) editNodePanel:function(node) 编辑节点面板 focusNode:function(aIndex,callback) 设置焦点到指定的位置(索引序列[,回调函数 非必须]) 必须从根节点0开始,比如要聚焦到根节点下第一个节点下的第二个子节点:[0,0,1] folder2TxtNode:function(node) 目录节点转变为文本节点(节点) getDIByDataIndex:function(index,value) 按指定的数据结构索引返回数据源索引值 getDataFromList:function(list) 返回根据列表(UL,OL,DL)提取的数据源 getNodeList:function(node) 返回节点的索引序列,如([0,1,1]) getNodeByDataIndex:function(index,value) 按指定的数据结构索引返回节点(索引,文本) 只对已有节点进行操作 insertNode:function(childNodes,node) 插入节点(子节点数组,节点) 子节点数组形如:[[autoID,parentID,nodeValue,hasChildNodes],...] newNode:function(node,avalue) 添加节点(节点,节点值) newNodePanel:function(node) 添加节点面板 openNode:function(node[,dtarg]) 打开节点(节点[,鼠标事件对象 非必须]) openUp:function(node) 向上展开节点(节点) render:function(list) 用dhATV4渲染列表(UL,OL,DL) removeNode:function(node) 移除节点和数据源(节点) resetLastChild(node) 文本节点转变为目录节点(节点) setFocus:function(node) 设置当前选中节点(节点) showEditMenu:function(x,y) 在坐标x,y处展开编辑菜单
数据源
支持无限节点!
必须数据结构: [atid(节点编号),pid(父节点编号),txt(节点文本),hasChildNodes(是否有子节点)]。
此四条为必须数据,数据类型:(int(唯一性),int,string,boolean),不可缺少!
数据结构扩展: 如果以上数据结构不能满足你的需求,你可以对其进行扩展,在其后加上你的扩展数据即可。
如:[atid,pid,txt,hasChildNodes,扩展数据1,扩展数据2]
数据结构读取: 在程序中要得到当前选中节点的相关数据,可以用 (选中节点).getAttribute("属性")获取。
固有属性:atid,pid,txt;扩展属性(按扩展数据顺序):[扩展数据名称 或 extpp1],[扩展数据名称 或 extpp2]......
服务返回数据: getData方法将传递4个参数到服务端(无需人工干预):节点编号,父节点编号,是否为加载更多,每次最多加载节点数+1
SQL语句:
Select Top (get_每次最多加载节点数+1) * From [数据表] Where [父节点编号]=get_父节点编号 And [节点自动编号]>get_节点编号 order by [节点自动编号] Asc
当 get_是否为加载更多 为 0或false 时,get_父节点编号 = get_节点编号,get_节点编号 = 0
返回数据格式:[[节点编号,父节点编号,节点文本,是否有子节点],...]
dhATV(Ajax TreeView) V4.0演示:http://www.v-ec.com/dh20156/code/dhatv4/dhatv4.html
dhATV(Ajax TreeView) V4.0下载:http://www.v-ec.com/dh20156/code/dhatv4.rar
[本日志由 dh20156 于 2009-04-12 03:25 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: Javascript AJAX treeview 树 dhATV
文章来自: 本站原创
Tags: Javascript AJAX treeview 树 dhATV 评论: 31 | 引用: 0 | 查看次数: 6085
回复
]如何为 root设置链接啊?
如何在这些节点上设置链接啊?老大帮帮忙啊
哪里添加链接啊?
打不开链接
打不开链接
谢了,搞定!!
我对JS相当不熟,还是不明白,
我用alert(dhtree.checkedNodes);得到的结果是[object Object]
得到的不应该是atid才对啊?
谢谢你哦
dh20156 于 2010-03-05 10:34 AM 回复
我用alert(dhtree.checkedNodes);得到的结果是[object Object]
得到的不应该是atid才对啊?
谢谢你哦
属性checkedNodes [Object 已选中的节点,for in遍历],它是一个对象集合,需要通过for in遍历,已经有过描述啊 ^_^
老大,我看到有这个属性checkedNodes [Object 已选中的节点,for in遍历]
这个属性怎么使用的呢?
dh20156 于 2010-03-04 09:37 AM 回复
这个属性怎么使用的呢?
比如树的实例dhtree,那么可以dhtree.checkedNodes就是它所有选中的节点对象。
请问如何增加表单来获取复选框的值呢?
还有如何在打开的时候让指定的复选框选中呢?
谢谢!
xiaoshan@cq7z.cn
dh20156 于 2010-02-28 05:45 PM 回复
请参见DEMO中的演示,有类似的例子。
老大,没找到例子啊!!!!!!
还有如何在打开的时候让指定的复选框选中呢?
谢谢!
xiaoshan@cq7z.cn
dh20156 于 2010-02-28 05:45 PM 回复
请参见DEMO中的演示,有类似的例子。
老大,没找到例子啊!!!!!!
请问原有的数据结构扩展是不是只能是int,string,boolean等类型?像数组这种就不行?
dh20156 于 2010-03-03 01:30 PM 回复
数据库中也不能存储数组对象啊,只能是系列化之后的字符串。
请问如何增加表单来获取复选框的值呢?
还有如何在打开的时候让指定的复选框选中呢?
谢谢!
xiaoshan@cq7z.cn
dh20156 于 2010-02-28 05:45 PM 回复
还有如何在打开的时候让指定的复选框选中呢?
谢谢!
xiaoshan@cq7z.cn
请参见DEMO中的演示,有类似的例子。
哎可惜没有PHP版本
dh20156 于 2009-11-06 05:24 PM 回复
ASP改PHP很简单的,后端基本上就是数据操作,如果将数据库改成MySQL,查询应该更简单。
发表评论
上一篇
下一篇







