时间戳

首页 > 解决方案 > jsTree复选框事件未触发

javascript - jsTree复选框事件未触发

问题描述

我无法触发复选框事件，特别enable_checkbox是disable_checkbox

我初始化 jsTree 的代码是：

$('#contenteditor-hierarchy').jstree({
    "plugins": [
        "checkbox"
    ],
    "checkbox": {
        "visible": true,
        "tie_selection": false,
        "whole_node": false
    },
    "core": {
        "check_callback": true,
        "data": {
            "url": function (node) {
                //...
            },
            "type": "get",
            "data": function (node) {},
            "dataType": 'json'
        }
    }
});

我试过了：

$tree.bind('enable_checkbox.jstree', function() {
    alert('test');
});

// and...
$('#contenteditor-hierarchy').on('enable_checkbox.jstree', function() {
    alert('test');
});

// as well as..
$(document).on('enable_checkbox.jstree', function() {
    alert('test');
});

在此期间，一个不那么优雅的黑客；以下对我有用：

$('body').on('click', '.jstree-checkbox', function(e) {
    // at the time of this event firing, jstree hadn't finished handling the click event
    // so I had to timeout....
    setTimeout(function() {
        console.log($tree.jstree(true).get_checked());
    }, 200);
});

然而，这两种尝试都没有真正触发警报。

API 文档非常模糊，所以想知道是否有人知道我哪里出错了。

标签： javascriptjstree

解决方案

根据带有 click 事件和 的代码setTimeout，我想说您要实现的是设置一个事件来检测复选框何时被选中或未选中。

如果是这种情况，您应该分别使用事件check_node.jstree和uncheck_node.jstree。

推荐阅读