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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM