jstree使用select_node()如何不选中该节点下所有子节点?

新手上路,请多包涵

jstree设置了checkbox.tie_selection为true,但是调用select_node()时依然会将该节点的所有子节点都选中,如下所示:

    tree = $('#districttree').jstree({
        "plugins" : ["wholerow","checkbox"],
        "core": {
            'strings' : {
                'Loading ...' : '加载中...'
            },
            'data' : {
                "url" : '/api/users/getOrgTree',
                "dataType" : "json",
                "data" : function (node) {
                    var pid = node.id;
                    if(pid == "#"){
                        pid = null;
                    }
                    return {"orgId": pid, "deep": 1};
                }
            },
            fix : function (data) {
                var pNode = data;

                for (var i in pNode.children) {
                    var sNode = pNode.children[i];
                }
                return data;
            },
            "themes" : {
                "icons" : false
            },
            "dblclick_toggle" : false,
            "worker" : false
        },
        "checkbox":{
          "tie_selection":true,
          "whole_node":true,
          "keep_selected_style":false
        }
    })


使用了tree.jstree().select_node(nodeChecked[i]);后效果如下:

clipboard.png

希望效果如下:

clipboard.png

阅读 13.2k
3 个回答

设置checkbox的cascade: 'undetermined|up|down'分别试试,你说的效果undetermined应该可以实现

新手上路,请多包涵

一年以后的回答...巧的是我写的也和浙江有关..
jstree.min.js 2048 - 2131 行代码:修改成:

//    .on(this.settings.checkbox.tie_selection ? "select_node.jstree" : "check_node.jstree", e.proxy(function (t, i) {
            //    var s = i.node,
            //    r = this._model.data,
            //    n = this.get_node(s.parent),
            //    a = this.get_node(s, !0),
            //    d,
            //    o,
            //    c,
            //    l,
            //    h = this.settings.checkbox.cascade,
            //    _ = this.settings.checkbox.tie_selection;
            //    if (-1 !== h.indexOf("down")) for (this._data[_ ? "core" : "checkbox"].selected = e.vakata.array_unique(this._data[_ ? "core" : "checkbox"].selected.concat(s.children_d)), d = 0, o = s.children_d.length; o > d; d++) l = r[s.children_d[d]],
            //    l.state[_ ? "selected" : "checked"] = !0,
            //    l && l.original && l.original.state && l.original.state.undetermined && (l.original.state.undetermined = !1);
            //    if (-1 !== h.indexOf("up")) while (n && "#" !== n.id) {
            //        for (c = 0, d = 0, o = n.children.length; o > d; d++) c += r[n.children[d]].state[_ ? "selected" : "checked"];
            //        if (c !== o) break;
            //        n.state[_ ? "selected" : "checked"] = !0,
            //        this._data[_ ? "core" : "checkbox"].selected.push(n.id),
            //        l = this.get_node(n, !0),
            //        l && l.length && l.children(".jstree-anchor").addClass(_ ? "jstree-clicked" : "jstree-checked"),
            //        n = this.get_node(n.parent)
            //    } -1 !== h.indexOf("down") && a.length && a.find(".jstree-anchor").addClass(_ ? "jstree-clicked" : "jstree-checked")
            //},
            //this))
                 //修改选中父级时不自动选中子级,选中子级不选中父级并存储父级id
                .on(this.settings.checkbox.tie_selection ? 'select_node.jstree' : 'check_node.jstree', $.proxy(function (e, data) {
                    var obj = data.node,
                        m = this._model.data,
                        par = this.get_node(obj.parent),
                        dom = this.get_node(obj, true),
                        i, j, c, tmp, s = this.settings.checkbox.cascade, t = this.settings.checkbox.tie_selection;
                    // apply down
                    // if(s.indexOf('down') !== -1) {
                    // this._data[ t ? 'core' : 'checkbox' ].selected = $.vakata.array_unique(this._data[ t ? 'core' : 'checkbox' ].selected.concat(obj.children_d));
                    // for(i = 0, j = obj.children_d.length; i < j; i++) {
                    // tmp = m[obj.children_d[i]];
                    // tmp.state[ t ? 'selected' : 'checked' ] = true;
                    // if(tmp && tmp.original && tmp.original.state && tmp.original.state.undetermined) {
                    //  tmp.original.state.undetermined = false;
                    // }
                    // }
                    // }

                   
                    // apply up
                    //if (s.indexOf('up') !== -1) {
                    //    while (par && par.id !== '#') {
                    //        // c = 0;
                    //        // for(i = 0, j = par.children.length; i < j; i++) {
                    //        //  c += m[par.children[i]].state[ t ? 'selected' : 'checked' ];
                    //        // }
                    //        // if(c === j) {
                    //        par.state[t ? 'selected' : 'checked'] = true;
                    //        if ($.inArray(par.id, this._data[t ? 'core' : 'checkbox'].selected) == -1) {
                    //            this._data[t ? 'core' : 'checkbox'].selected.push(par.id);
                    //        }
                    //        tmp = this.get_node(par, true);
                    //        if (tmp && tmp.length) {
                    //            tmp.children('.jstree-anchor').addClass(t ? 'jstree-clicked' : 'jstree-checked');
                    //        }
                    //        // }
                    //        // else {
                    //        //  break;
                    //        // }
                    //        par = this.get_node(par.parent);
                    //    }
                    //}
                    // apply down (process .children separately?)
                    if (s.indexOf('down') !== -1 && dom.length) {
                        $(dom.find('.jstree-anchor')[0]).addClass(t ? 'jstree-clicked' : 'jstree-checked');
                    }
                }, this))
                .on(this.settings.checkbox.tie_selection ? "deselect_all.jstree" : "uncheck_all.jstree", e.proxy(function (e, t) {
                var i = this.get_node("#"),
                s = this._model.data,
                r,
                n,
                a;
                for (r = 0, n = i.children_d.length; n > r; r++) a = s[i.children_d[r]],
                a && a.original && a.original.state && a.original.state.undetermined && (a.original.state.undetermined = !1)
            },
新手上路,请多包涵

设置checkbox的three_state:false可行

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏