easyui tree自定義屬性用法

浪花一朵朵發表於2014-04-30
UI

easyui為樹顯示提供了以下屬性，

id:節點id,這個很重要到載入遠端伺服器資料 which is important to load remote data 
text: 顯示的節點文字 
state: 節點狀態, 'open' 或者 'closed', 預設是 'open'. 當設定為 'closed', 節點所有的子節點將從遠端伺服器站點載入 
checked: 指明檢查節點是否選中.

 

要想在樹點選事件中獲取這些屬性以外的屬性怎麼辦呢，如點選樹節點的時候想獲取一個跟這個節點關聯的物件id又該怎麼做呢，easyui tree json資料提供了自定義屬性來解決這個問題。

attributes: 可以新增到節點的自定義屬性

attributes是一個物件，任何自定義屬性都可以以json鍵值對的形式放裡面 attributes: {'pkid':'ssddd','url':'a.html'}

[{
    "id":1,
    "text":"根類",
    "attributes":{"url":""},
    "children":[{
        "id":11,
        "text":"系統類",
        "attributes":{"url":""},
        "children":[{
            "id":110,
            "text":"操作類",
            "attributes":{"url":"manage/class/class.html"}
        },{
            "id":112,
            "text":"模組類",
            "attributes":{"url":"manage/class/class.html"}
        },{
            "id":113,
            "text":"人員類",
            "attributes":{"url":"manage/class/class.html"}
        }]
    }
}]

那該怎麼取這些自定義屬性值呢？參照下面

onClick:function(node)
            {
                var tabTitle =node.text;
                var id = node.id;
                var url=node.attributes.url;
                var icon = node.iconCls;
                if(url){
                    //addTab(id,tabTitle, url, icon);    
                }
            }

 

 

相關文章