Ztree的onClick和onCheck事件

 

     如下圖所示，點擊框選中，再點擊框取消。現在需加上點擊字體也能選中，再點擊則取消

　　

 　　

　　思路：點擊事件是onClick，勾選的回調函數為onCheck，要實現上面需求，我們只需要在callback里新增一個點擊事件

       代碼如下：

 callback: {
            onClick: onTreeClick
        }

 

function onTreeClick(event, treeId, treeNode, clickFlag){
    var treeObj = $.fn.zTree.getZTreeObj("ztree");    
    // 獲取當前勾選數據的值
    var checkNodes = treeObj.getCheckedNodes(true);
    // 獲取當前選中數據的值
    var nodes = treeObj.getSelectedNodes();
    for (var i=0; i < nodes.length; i++) {        
        if(checkNodes.length > 0 && nodes.length > 0 && nodes[i].id == checkNodes[i].id){
            treeObj.checkNode(nodes[i], false, true);//取消勾選
        }else{            
            treeObj.checkNode(nodes[i], true, true);//勾選
        }
    }
}