zl程序教程

您现在的位置是:首页 >  大数据

当前栏目

jstree: 获得根节点,checkbox事件处理

节点 获得 checkbox 事件处理
2023-09-27 14:20:19 时间

$.jstree.defaults.core.themes.responsive = true;
$.jstree.defaults.checkbox.three_state = false;// 如果不禁止,则会自动选择所有父节点。
$.jstree.defaults.checkbox.tie_selection = false;//如果不禁止,选中checkbox时只触发changed.jstree事件

var tree = $('#tree').jstree(
{
    'core' : {
        "multiple" : true,
        "themes" : 
            {"stripes" : true},
            'data' : {
                'url' : function(node) {
                    return appPath + '/app/trainingcar/tree/'
                            + inscode + "/";
                },
                'data' : function(node) {
                    return {
                        'carnum' : node.id
                    };

            }
        }
    },
    "plugins" : [ "checkbox" ]
});

tree.on('loaded.jstree', function(e, data) {
    // 加载完树后执行
    $('.jstree-anchor').children().first().remove();// 删除根节点的checkbox
    var rootID = data.instance.get_node(e.target.firstChild.firstChild.lastChild).id;
    console.info("根节点:{}" + rootID);
});


tree.on('changed.jstree', function(e, data) {
    var selectedNode = data.instance.get_node(data.selected[0]);
    console.info('changed.jstree');
    console.info(selectedNode);
});

tree.on('check_node.jstree', function(data, selected, e) {
    // 选中checkbox时触发
    // selected为选中的节点
    console.info("check_node:");
    console.info(selected);
});

tree.on('uncheck_node.jstree', function(data, selected) {
    // 勾除checkbox时触发
    console.info("uncheck_node:");
    console.info(selected);
});