jsTree使用小结

2018-09-21  本文已影响0人  xgz_pmx

最近使用了jstree这个前端插件,记录一下我在使用过程中使用到的一些小tip。

1.0

1.查询

1.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);

});

上一篇 下一篇

猜你喜欢

热点阅读