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

简介: 专业版(PRO)1.6下载地址(CSDN) http://download.csdn.net/source/1388340 版本号:dhtmlxTree v.1.6 Professional edition build 71114(注:专业版(PRO)1.

专业版(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

目录
相关文章
|
1月前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
2月前
|
存储 JSON JavaScript
Python字典和JSON字符串相互转化方法
【2月更文挑战第18天】
64 3
|
4月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
161 0
|
6月前
|
存储 JSON 安全
Python中数据类转换为JSON的方法
Python中数据类转换为JSON的方法
73 0
|
8月前
|
XML JSON 缓存
Json实现根据商品ID请求淘宝商品详情数据方法,淘宝商品详情API接口,淘宝API接口申请指南
Json实现根据商品ID请求淘宝商品详情数据方法,淘宝商品详情API接口,淘宝API接口申请指南
307 0
|
2月前
|
JSON 数据处理 API
盘点Python中4种读取JSON文件和提取JSON文件内容的方法
盘点Python中4种读取JSON文件和提取JSON文件内容的方法
372 0
|
8月前
|
XML JSON 缓存
Json实现根据商品ID请求1688商品详情数据方法,1688商品详情API接口,1688API接口申请指南
Json实现根据商品ID请求1688商品详情数据方法,1688商品详情API接口,1688API接口申请指南
279 0
|
4月前
|
JSON 数据格式
vscode中读取json文件settings.json进行适配主题的方法
vscode中读取json文件settings.json进行适配主题的方法
|
5月前
|
JSON 数据格式
protobuf与json相互转换的方法
protobuf与json相互转换的方法
52 0
|
5月前
|
XML JSON Android开发
[Android]使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换
[Android]使用JSONObiect和Gson相关方法实现json数据与kotlin对象的相互转换
56 0