jstree 选中、打开、解绑、清空

zzzway

于 2023-03-13 14:11:47 发布

阅读量395

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 json

本文链接：https://blog.csdn.net/zzzway/article/details/129492952

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章展示了如何通过$.ajax从服务器获取json数据，然后用这些数据初始化jstree，进行清空、解绑、重新绑定和节点操作。特别是，当有选定节点时，会自动打开并选择对应的父节点，并绑定了节点激活事件以触发特定函数。

摘要由CSDN通过智能技术生成

jstree 选中、打开、解绑、清空

           $.ajax({
                        type: "post",
                        dataType: "json",
                        url: "<?= url('bom/bomTree') ?>",
                        data: {'item_id': app.FItemID}
                    }).success(function (res) {
                        if (res.code > 0) {
                            let bom_tree_data = res.data;
                            let $bom_tree = $('#bom_tree');
                            $bom_tree.data('jstree', false).empty();//清空
                            $bom_tree.unbind();//解绑
                            $bom_tree.jstree({
                                'core': {
                                    "themes": {dots: true},
                                    "data": bom_tree_data
                                }
                            });
                            if (selected_node) {
                                let selected_parent = selected_node[0].parent;
                                $bom_tree.bind('ready.jstree', function (obj, e) {
                                    $bom_tree.jstree('select_node', selected_parent);
                                    $bom_tree.jstree('open_node', selected_parent);
                                })
                            }
                            //绑定
                            $bom_tree.bind("activate_node.jstree", function (obj, e) {
                                app.onBomInfo(e.node.id);
                            });
                        }
                    }).error(function () {
                        layer.msg("获取BOM信息失败");
                    });