jstree的简单实例

前端之家收集整理的这篇文章主要介绍了jstree的简单实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近使用到了jstree,感觉是一款灵活的、可多项定制的tree插件

我这边使用过程记录下;

参考的jstree api网站,以及demo介绍:

jstree api github:

使用中的例子介绍:

HTML代码

js代码

1)生成jstree:

//core:整个jstree显示的核心,里面包括多种项配置:
//data: 这里是使用json格式的数据;还可以使用html或者ajax请求等
//plugins: 这个jstree引用了哪些插件
//multiple : false 不可多选

2)点击jstree的每个子项,获取该节点的text、id等信息:

3)点击jstree子项,控制该节点展开、收缩等:

4)使用插件search搜索(jstree自带插件):

自动搜索 var to = false; $('#search_ay').keyup(function () { if(to) { clearTimeout(to); }

to = setTimeout(function () {
$('#treeview1').jstree(true).search($('#search_ay').val());

},250);
});

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持编程之家!

猜你在找的JavaScript相关文章