色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

easyui tree復選框json

林玟書1年前7瀏覽0評論

EasyUI Tree是一款非常流行的樹形控件,它能夠非常方便地在Web應用中呈現出樹形結構數據。而且,EasyUI Tree還支持復選框功能,能夠方便地實現樹形數據的多選。

如果要使用EasyUI Tree的復選框功能,需要使用JSON數據源。JSON數據源的結構類似于以下代碼:

[{
"id": 1,
"text": "Node 1",
"checked": true,
"children": [{
"id": 11,
"text": "Node 1.1",
"checked": true
}, {
"id": 12,
"text": "Node 1.2",
"checked": false
}]
}, {
"id": 2,
"text": "Node 2",
"checked": false,
"children": [{
"id": 21,
"text": "Node 2.1",
"checked": false
}, {
"id": 22,
"text": "Node 2.2",
"checked": true,
"children": [{
"id": 221,
"text": "Node 2.2.1",
"checked": true
}, {
"id": 222,
"text": "Node 2.2.2",
"checked": false
}]
}]
}]

可以看到,每一個節點的數據都包括id、text、checked和children四個屬性。其中,id和text分別表示節點的ID和文本內容,checked表示節點是否選中,children表示節點的子節點。

如果需要在EasyUI Tree中使用復選框功能,需要在初始化樹形控件時指定checkbox屬性為true,如下所示:

$("#tree").tree({
checkbox: true,
data: jsonData
});

這樣,就可以在EasyUI Tree的節點前面顯示復選框了。同時,在使用jQuery操作EasyUI Tree時,可以使用以下代碼獲取所有被選中的節點:

var nodes = $('#tree').tree('getChecked');

以上就是EasyUI Tree復選框的JSON數據源的介紹,希望對大家有幫助。