ace_tree每次重新加载数据，而不是只加载子节点数据的方法。

最新推荐文章于 2024-03-12 09:02:00 发布

fox_lht

最新推荐文章于 2024-03-12 09:02:00 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：小技巧文章标签： javascript 对话框

本文链接：https://blog.youkuaiyun.com/fox_lht/article/details/46929381

小技巧专栏收录该内容

5 篇文章

订阅专栏

在模式对话框启动时，清除原有内容并重新加载数据，使用jQuery操作DOM元素实现数据抓取和处理流程的高效管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先清空所有的内容。可以放在鼠标点击的触发处理函数中，也可以放在模式对话框启动的时候，如果是后者，会出现之前的列表内容，然后才清空，视觉效果不好。

$("#authorityTree").empty();

模式对话框启动时处理函数，移除之前绑定的数据，然后再移除绑定的事件，最后启动数据抓取和处理流程。

$("#modal-table").on("shown.bs.modal", function() {


                   $("#authorityTree").removeData("fu.tree");
                   $("#authorityTree").unbind('click.fu.tree');
                   $('#authorityTree').ace_tree({
                       dataSource : remoteDateSource,
                       multiSelect : true,
                       loadingHTML : '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>',
                       'open-icon' : 'ace-icon tree-minus',
                       'close-icon' : 'ace-icon tree-plus',
                       'selectable' : true,
                       'selected-icon' : 'ace-icon fa fa-check',
                       'unselected-icon' : 'ace-icon fa fa-times',
                       cacheItems : false,
                       folderSelect : false
                   });

               });