最近使用了jstree这个前端插件,记录一下我在使用过程中使用到的一些小tip。
1.查询
//查询menuTree为树的id
var to = false;
$('#menuSearch').keyup(function () {
if(to) {
clearTimeout(to);
}
to = setTimeout(function () {
$('#menuTree').jstree(true).search($('#menuSearch').val());
}, 250);
});
2.全部展开/收缩
$('#menuTree').jstree().open_all();
$('#menuTree').jstree().close_all();
3.不可选择
var disabledCheckboxIds = [];
$('#menuTree').jstree({
disabledCheckboxIds.push(id);//不可选择的多选框id
}).on("ready.jstree", function() {
$('#menuTree').jstree('disable_checkbox',disabledCheckboxIds);
});