jsTree学习笔记

以下实现在HTML数据初始化实现

1. jsTree整行选中状态设置

   $("#tree").jstree({
                             "plugins" : [ "wholerow" ]
                           });

   #tree是jstree的id，plugins是jstree的参数选项
2. jsTree搜索实现

 $("#tree").jstree({
                            "plugins" : [ "wholerow","search" ]
                        });

to=false;
$(.v_oper_click_quick_search').click(function () {
                            if(to) { clearTimeout(to); }
                            to = setTimeout(function () {
                                var v = $('#org_search').val();
                                $('#tree').jstree(true).search(v);
                            }, 250);
                        });

.v_oper_click_quick_search用于点击事件绑定，也可以设置其他事件如键盘的keyup等#org_search搜索值的文本框id

3.点击节点文本实现节点展开与关闭（官方只有点击图标）

$("#tree").on('select_node.jstree', function (e, data) {
                            var liid=data.selected[0];//节点id
                            $('#tree').jstree("toggle_node", "#"+liid);//toggle，打开则关闭，关闭则打开
                        }).jstree({
                            "plugins" : [ "wholerow","search" ]
                        });