当处理 check/uncheck 事件并将所有复选框一起设置为真时,js 树在 ie 中不起作用

js tree is not working in ie when handle check/uncheck event and set all check box true together

我正在使用jstree 来绑定数据。我已经选中 (select) 所有复选框,还调用了复选框的 check/uncheck 事件。它在 Chrome 中工作正常,但在 IE 中我可以处理 check/uncheck 事件,但默认情况下未选中 (select) 所有复选框。

请查找以下代码:

$('#filterResult').jstree({
        "core": {
            "data": data,
            "themes": {
                "icons": false
            },
            check_callback: false
        },
        'checkbox': {
            three_state: true,
            cascade: 'none',
            whole_node: false, 
            tie_selection: false, // when remove this then all checkbox are selected by dafualt but check/uncheck event is not working
            real_checkboxes: true
        },
        "plugins": [
            "wholerow",
            "checkbox"
        ]
    })
        .on('loaded.jstree', function () {
            $("#filterResult").jstree().check_all(true);
           // $("#filterResult").jstree("select_all");               
        })
        .on("check_node.jstree uncheck_node.jstree", function (e, data) {

          console.log(data.node.id);
            }
        });

当我从 'checkbox' 中删除 tie_selection: false 时,selected IE 中的所有复选框都可以正常工作,但是复选框 check/uncheck 事件不起作用。

以上代码适用于 Chrome。

由于某些原因,loaded.jstree 事件没有在 IE 上触发(尝试设置断点,不起作用)。

为此,您可以尝试将其替换为 ready.jstree

这里是pen代码。

希望对您有所帮助!