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

标签 javascript jquery jstree jstree-dnd

我正在使用 jstree 来绑定(bind)数据。我已经选中(选择)所有复选框,还调用了复选框的选中/取消选中事件。它在 Chrome 中运行良好,但在 IE 中我可以处理选中/取消选中事件,但默认情况下不会选中(选择)所有复选框。

请找到下面的代码:

$('#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 然后选中 IE 中的所有复选框时,它可以正常工作,但随后复选框选中/取消选中事件不起作用。

以上代码在 Chrome 中运行。

最佳答案

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

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

这里是 pen的代码。

希望对您有所帮助!

关于javascript - 当处理选中/取消选中事件并将所有复选框一起设置为真时,js 树在 ie 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57606867/

相关文章:

jquery - 为什么在此示例中获取图像 X、Y 像素颜色不起作用?

javascript - 使用在 AJAX 中获得的 JSON 数据填充 JSTree

javascript - 当数据库值为空时,如何在 xml 标签之间插入空格

javascript - Webpack extract-text-plugin 不生成 css 文件

javascript - Jquery 追加同时包装每个 x 元素

javascript - 如何在 Neo4j 2.2.x 中使用 JQuery 事务性 Cypher HTTP 端点和新的 REST API 身份验证和授权

javascript - 如何根据 ID 定位表,以便遍历其 td-spans、更改 span 颜色以及将其值提供给控制台

asp.net - jsTree 导致整个页面的链接损坏

jstree - show_only_matches 不适用于 jstree 的搜索插件

javascript - 行编号和复制/粘贴 (HTML/CSS)