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


    $.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);
    });

  • 相关阅读:
    Azure Queues and Service Bus Queues
    同步消息队列模型
    ADO.NET Asynchronous Programming
    js中cookie
    字符串格式化命令 sprintf
    JS的Touch事件们,触屏时的js事件
    imac上php环境php+apache+mysql
    日历js插件
    html_entity_decode 函数 编辑器输出之显示含html为转义 thinkphp
    thinkphp自定义权限管理之名称判断
  • 原文地址:https://www.cnblogs.com/huiy/p/11988017.html
Copyright © 2020-2023  润新知