jsTree使用小结

最近使用了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);

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,062评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵胜奥阅读 4,911评论 0 1
  • 大龄女青年小B最近终于憋出一朵不错的桃花 虽是相亲认识的,可是他幽默风趣又成熟沉稳,第一眼就对上小B的路,而他也对...
    陶瓷兔子阅读 3,583评论 18 124