我无法让jsTree“Types”插件以任何容量工作,并且在我可以检测到的任何地方都没有错误。
1。)我提到这个SO Question用鼠标点击打开/关闭节点,但该功能永远不会被执行。
2。)对于“类型”插件,jsTree Plugin Documentation说明了这一点:
要设置节点的类型,您可以使用set_type或提供类型属性 与节点的数据。
我怀疑这是一个设置问题,因为“类型”设置都没有工作,但“contextmenu”插件确实有效,所以看起来所有的脚本都已就位,我为“类型”做错了/ p>
有没有其他人遇到这个,或者有人看到我哪里出错了?
HTML
<div id="jstree"></div>
<script>
$(function () {
$('#jstree').jstree({
"types" : {
"types" : {
"series_type" : {
"icon" : {
"image" : "images/seriesnode.png"
}
},
"default" : {
"select_node" : function(e) {
console.info(e);
this.toggle_node(e);
return false;
}
}
}
},
"plugins" : [ "types", "ui" , "contextmenu" ],
"contextmenu": { "items": {} },
"core" : {
'data' : {
'url' : 'series_tree_data.php'
}
}
});
});
</script>
从AJAX调用返回的JSON数据:
[
{ "id":"series_123120",
"parent":"#",
"text":"1945 - The Year That Changed The World",
"type":"series_type",
"state":{"opened":true}
},
{ "id":"title_2003150",
"parent":"series_123120",
"text":"Beginning of the End",
},
{ "id":"segment_3006200",
"parent":"title_2003150",
"text":"Full Program",
},
{ "id":"file_552973",
"parent":"segment_3006200",
"text":"1945_part_1.flv",
"icon":false
}
]
答案 0 :(得分:0)
我对这些类型有些麻烦,这对我有用:
$('#jstree').jstree({
"types":{
"key" : {
"icon": "Content/Images/skey.png"
},
"value": {
"icon": "Content/Images/sValue.png"
}
},
您可能还想在您的数据中添加a_attr:“rel”:“series_type”。
祝你好运答案 1 :(得分:0)
从我在http://www.jstree.com/api/#/?f=$.jstree.defaults.types的文档中看到的,没有提到“select_node”,所以看起来这部分根本不起作用。我会检查你是否有最新的库。