以下实现在HTML数据初始化实现
- jsTree整行选中状态设置
$("#tree").jstree({
"plugins" : [ "wholerow" ]
});
#tree是jstree的id,plugins是jstree的参数选项![]()
- 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" ]
});
$("#tree").jstree({
"plugins" : [ "wholerow" ]
});
#tree是jstree的id,plugins是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" ]
});