[英]Styling an JS item per level
我正在使用Jqtree開發拖放樹,但是我想按節點級別設置樹的樣式。
樹Javascript
var data = [
{
name: 'node1', id: 1,
children: [
{ name: 'child1', id: 2 },
{ name: 'child1', id: 2, children: [
{ name: 'child7', id: 7 },
{ name: 'child7', id: 8 } ] },
{ name: 'child2', id: 3 }
]
},
{
name: 'node2', id: 4,
children: [
{ name: 'child3', id: 5 },
{ name: 'child4', id: 6 }
]
}
];
$('#tree1').tree({
data: data,
autoOpen: true,
dragAndDrop: true
});
代碼顯示樹
$(function() {
$('#tree1').tree({
data: data,
autoOpen: true,
dragAndDrop: true
});
然而,我看到了jqtree documentantion,我如何設置樣式或僅將代碼添加到此var提供的結果中?
var node = $('#tree1').tree('getNodeById', 123);
var treelevel = node.getLevel();
您可以相應地為它們分配id和樣式:
$('#tree1').tree({
data: data,
onCreateLi: function(node, $li) {
$li.attr('id', 'item' + node.id);
}
});
#item5 span{background: red;}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.