首页 > 代码库 > jstree 树形菜单问题

jstree 树形菜单问题

stree是一个强大的树形页.但是坑很多.因为本人的英语水平差,上面都是英语注释,自己来写个做备忘录

引入JS文件.这个网上大把

技术分享

技术分享

我引入的是JSON数据格式为

$json = ‘[
{
"id": "ajson1",
"parent": "#",
"text": "Simple root node"
},
{
"id": "ajson2",
"parent": "#",
"text": "Root node 2"
},
{
"id": "ajson3",
"parent": "ajson2",
"text": "Child 1"
},
{
"id": "ajson4",
"parent": "ajson2",
"text": "Child 2"
}
]‘;

 

这里有3个坑.

1.子级的ID不能与父级的ID重叠.这样会不显示全,我用的方法是父级的ID是唯一的,子级的ID我用其他拼上去,然后N=0;n++;因为我这里要的数据仅仅是text

2.子级的KEY值一定要是0.1.2.3.4...这样的类型,如果是缺一个,后面的会不显示,因为我有先数据是空的,所以我删除数组一先数据,处理办法为重新"array_values"--这个是PHP重新定义数组的方法

3.如果我这个时候要销毁之前的树,生成新的.要用到$.jstree.destroy (‘#jstree‘);这个写在JS前面的部分.销毁在种,哈哈,我这里有个BUG不懂你们会不会遇到,如果销毁了,之前的绑定事件就GG,不过你可以按我上面那样写,我是弄得了.虽然不太明白其中的缘故

jstree 树形菜单问题