Javascript jstree基础的新功能
我最近开始在一个项目中使用jstree。我查看了jstree网站上的文档,并得出了一个非常简单的树:Javascript jstree基础的新功能,javascript,jstree,Javascript,Jstree,我最近开始在一个项目中使用jstree。我查看了jstree网站上的文档,并得出了一个非常简单的树: <div id="jstree_test"></div> <script> $(function () { $('#jstree_test').jstree({ core: { data: [ { id: 'parent1',
<div id="jstree_test"></div>
<script>
$(function () {
$('#jstree_test').jstree({
core: {
data: [
{
id: 'parent1',
parent: '#',
text: 'p1'
},
{
id: 'child1',
parent: 'parent1',
text: 'c1'
},
{
id: 'child2',
parent: 'parent1',
text: 'c2'
},
{
id: 'child3',
parent: 'parent1',
text: 'c3'
}
]
}
});
});
</script>
$(函数(){
$('#jstree_test').jstree({
核心:{
数据:[
{
id:“parent1”,
父项:“#”,
文本:“p1”
},
{
id:‘child1’,
家长:“家长1”,
文本:“c1”
},
{
id:‘child2’,
家长:“家长1”,
文本:“c2”
},
{
id:‘child3’,
家长:“家长1”,
文本:“c3”
}
]
}
});
});
当我运行这段代码时,我得到的只是一个与自身链接的项目符号“p1”。我想要的代码只是p1和三个子c1、c2和c3。任何帮助都将不胜感激
感谢您抽出时间将状态属性添加到对象中的特定节点
$('#jstree_test').jstree({
core: {
data: [
{
id: 'parent1',
parent: '#',
text: 'p1',
'state' : {
'opened' : true,
'selected' : true
}
},
{
id: 'child1',
parent: 'parent1',
text: 'c1'
},
{
id: 'child2',
parent: 'parent1',
text: 'c2'
},
{
id: 'child3',
parent: 'parent1',
text: 'c3'
}
]
}
});
在jsbin中给出一个演示--