DHTMLX Tree JSON添加自定義屬性方法

專業版(PRO)1.6下載下傳位址(CSDN) 

版本号: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:'空'}]