DHTMLX Tree JSON添加自定义属性方法
2011-11-02 19:01
441 查看
专业版(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:'空'}]
转自:http://hi.baidu.com/ruixueue0117/blog/item/6ddd067b1622e7fc0ad1871f.html
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:'空'}]
转自:http://hi.baidu.com/ruixueue0117/blog/item/6ddd067b1622e7fc0ad1871f.html
相关文章推荐
- 给内置对象或自定义对象添加存取器属性(getter setter)的方法总结
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- 织梦 DeDeCMS 添加自定义属性的方法
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- 黄聪:DEDECMS织梦系统共如何添加自定义属性和修改方法
- Javascript创建自定义对象 创建Object实例添加属性和方法
- Android 两种为自定义组件添加属性的使用方法和区别
- Javascript 添加自定义静态方法属性JS清除左右空格
- Android 两种为自定义组件添加属性的使用方法和区别
- fastjson,一行代码实现自定义过滤某些属性,通用方法
- 织梦 DeDeCMS 添加自定义属性的方法(图文教程)
- json实现添加、遍历与删除属性的方法
- XCode7添加自定义framework 比如加入swiftjson.framework框架后运行真机出现dyld: Library not loaded的解决方法
- Android 两种为自定义组件添加属性的使用方法和区别
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- CLR自定义.NET控件制作(2)——添加自定义属性、方法和事件
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- 说说Android 两种为自定义组件添加属性的使用方法和区别
- KnockoutJs (三)为Json数据添加监控属性(方法)