javascript - jstree select_limit 不起作用。我想设置选择限制以仅选择 3 个节点

Question

我的 jstree 函数在这里。
我已设置'select_limit' : 3，但无法正常工作。当我运行时，我可以选择超过 3 个节点，但我需要选择不超过 3 个节点。

     var j1 = jQuery.noConflict();
     j1("#utree_activity").jstree({
        "plugins": ["themes", "html_data", "ui", "crrm", "checkbox"],
        "html_data": {
            "ajax": {
                "url": urlGlobal + "jstrees/activitytree/",
                "asynchronous": "false",
                "data": function (n) {
    
                    return {
                        id: n.attr ? n.attr("id") : 0,
                        default_activities: default_activities
                    };
                },
                "success": function (gb) {
    
                },
    
            }
        },
        "ui": {
            "select_limit": 3,
        },
    
        "cookies": {
            cookie_options: {
                path: "/"
            }
        },
        
        "checkbox": {
            two_state: true,
            real_checkboxes: false
        }
    });

Answer 1

select_limit不处理复选框，您必须滚动自己的before.jstree方法。

j1.bind("before.jstree", function (e, data) {
    if (data.func === "check_node") {
        if (j1.jstree('get_checked').length >= 1) {
            e.preventDefault();
            return false;                
        }
    }
});

请注意，此代码仅作为示例，并且不处理子节点

工作小提琴：http: //jsfiddle.net/cfb9J/1/

Answer 2

缺少另一个选项，可能需要添加 ui 模块，试试这个：

j1("#utree_activity").jstree({ 
"plugins" : ["html_data","ui"],

 //the rest of your code
});