Question

我无法触发复选框事件，特别是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文档非常模糊，因此想知道是否有人知道我要去哪里。

Answer 1

基于带有click事件和setTimeout的代码，我想说的是，您要实现的目标是设置一个事件以检测复选框处于选中状态还是未选中状态。

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

jsTree复选框事件未触发

1 个答案: