jsTree 复选框插件错误

Question

我有一个带有复选框的 jsTree，显示得很好。我可以打开 并关闭节点，选中和取消选中复选框等。

当我尝试获取所有已被选中的节点时，问题就出现了。 检查过。下面我列出了我尝试过的所有方法以及错误 当我尝试每一个时我都会收到消息。

$.tree.plugin.checkbox.get_checked($.tree.reference("#smuDomains"));
$.tree is undefined

$.jstree.plugin.checkbox.get_checked($.jstree.reference("#smuDomains"));
$.jstree.plugin.checkbox is undefined

$.tree.plugins.checkbox.get_checked($.tree.reference("#smuDomains"));
$.tree is undefined

$.jstree.plugins.checkbox.get_checked($.jstree.reference("#smuDomains"));
$.jstree.plugins is undefined

第二个（$.jstree.plugin.checkbox）似乎得到了 最接近工作，但它似乎不喜欢“复选框” 参考。它应该是 check_box 还是不同的东西？

这是我用来初始化树的代码：

$.jstree._themes = "../script/css/jstree/themes/";
$("#smuDomains").jstree({
    core : {}, 
    themes : {
        theme : "classic",
        dots : true,
        icons : true, 
        url : false
    },  
    json_data : {
        ajax : {
            url : "[the url]",
            datatype : "json",
            data : function(n) {
                return { id : n.attr ? n.attr("id") : 0 };
            },
            plugins : [ "themes", "json_data", "ui", "checkbox"]
        }); 
    });

Answer 1

我使用此代码在提交表单之前获取复选框：

jQuery('#myForm').submit(function() {
    jQuery('#mytree .jstree-checked').each(function () {
        var node = jQuery(this);
        var id = node.attr('id');
        var node_parent = node.parents('li:eq(0)');
        var pid = node_parent.attr('id');

        jQuery("<input>").attr("type", "hidden").attr("name", "treenode").val(id).appendTo("#mytree");
    });
});

Answer 2

$('#tree').jstree('get_checked')

Answer 3

get_checked 的问题之一是它会在检查的父节点处停止。

我们最终采用了这样的方法：

$('#idOfDivContainingTree .jstree-checked')

这存在不适用于 jsTree 的未来版本的风险，因为它依赖于实现

Answer 4

您可以：

checked_nodes = $("#smuDomains").jstree("get_checked", null, true);

$.each(checked_nodes, function(k, n) {

node = $(n);
alert("name: "+node.attr("name")); //show each one of the nodes names

});

如果您只想要选定的节点，您可以：

selected_nodes = $("#smuDomains").jstree("get_selected", null, true);

希望有帮助