首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

DHTMLX Tree JSON增添自定义属性方法

2012-09-05 
DHTMLX Tree JSON添加自定义属性方法专业版(PRO)1.6下载地址(CSDN)?http://download.csdn.net/source/1388

DHTMLX Tree JSON添加自定义属性方法

专业版(PRO)1.6下载地址(CSDN)?
http://download.csdn.net/source/1388340?
版本号:dhtmlxTree v.1.6 Professional edition build 71114
(注:专业版(PRO)1.6才开始支持JSON方法,标准版(STD)中没有这个功能)

先看代码:

var TreeForJSON = new dhtmlXTreeObject('TreeForJSON', '100%', '100%', 0); TreeForJSON.setImagePath("dhtmlx/codebase/imgs/csh_vista/");TreeForJSON.enableDragAndDrop(true);TreeForJSON.enableKeyboardNavigation(true)TreeForJSON.loadJSONObject({id:0,         item:[            {id:1,text:"first",userdata:[{name:'url',content:'http://g.cn#1'}]},            {id:2, text:"middle",userdata:[{name:'url',content:'http://g.cn#2'}],                 item:[                    {id:"21", text:"child",userdata:[{name:'url',content:'http://g.cn#3'}]}                ]},            {id:3,text:"last",userdata:[{name:'url',content:'空'}]}        ]    });TreeForJSON.setOnClickHandler(TestOnClick);function TestOnClick(id){    var url = (TreeForJSON.getUserData(id, "url"));    alert(url);}

?

dhtmlxTree中的loadJSONObject方法也是支持userdata属性的,只是写法特殊一点
取值时是通过当前ID去找userdatea下的name,如代码中的url,然后获取其content内容,即http://g.cn...
同理,使用这个方法可以自定义更多的属性

userdata:[{name:'type',content:'1'},{name:'remark',content:'空'}]

热点排行