ZTree节点自动展开并点击案例

最新推荐文章于 2022-05-12 15:12:25 发布

weixin_30295091

最新推荐文章于 2022-05-12 15:12:25 发布

阅读量391

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/yifanSJ/p/9117503.html

版权

场景：传入某节点ID，要程序展开相应节点，并触发某节点点击事件。

var loadTree = function(ulId, url, onCheck) {  
    var setting = {  
        check : {  
            enable : true,  
        },  
        showLine : true, // 是否显示节点间的连线  
        data : {  
            key : {  
                children : "childid",  
            },  
            keep : {  
                parent : false,  
                leaf : false  
            },  
            simpleData : {  
                enable : true,  
                idKey : "id",  
                pIdKey : "supid",  
                rootPId : 0  
            }  
        },  
        callback : {  
            onClick : onCheck,  
            onCheck : oncar,  
            onExpand : zTreeOnExpand  
        }  
    };  
    var a = $.ajax({  
        async : false,  
        cache : false,  
        type : 'POST',  
        dataType : "json",  
        url : path + url,// 请求的action路径  
        error : function() {// 请求失败处理函数  
            alert('请求失败');  
        },  
        success : function(data) {// 请求成功后处理函数。  
            treeNodes = data.data; // 把后台封装好的简单Json格式赋给treeNodes  
            treeNodes[0]["open"] = true;  
            // 去掉选框  
            if (treeNodes.length > 0) {  
                for (var i = 0; i < treeNodes.length; i++) {  
                    treeNodes[i].nocheck = true;  
                }  
            }  
            treeObj = $.fn.zTree.init($("#" + ulId), setting, treeNodes);   
            //教练车信息模块跳转使用  
            theCarOrganiz3 = $("#theCarOrganiz").val();  
            theCarOrganiz1 = theCarOrganiz3.substring(0,2)+"0000";  
            theCarOrganiz2 = theCarOrganiz3.substring(0,4)+"00";  
            theCarInscode = $("#theCarInscode").val();  
            theCarNum = $("#theCarNum").val();  
            //教练车信息模块跳转使用——展开第二层  
            if(theCarOrganiz3!="" && theCarOrganiz3!=null){  
                var theNode2 = treeObj.getNodeByParam("id",theCarOrganiz2,null)  
                treeObj.expandNode(theNode2,null,null,null,true);//展开指定节点，并调用 onExpand回调函数  
            }  
        }
    });  
}  
//教练车信息模块跳转使用（模仿点击第三层）  
function zTreeOnExpand(event, treeId, treeNode) {  
    if(treeNode.id==theCarOrganiz2 && theCarOrganiz3!="" && theCarOrganiz3!=null){  
        var tree=$.fn.zTree.getZTreeObj(treeId);  
        var sel=tree.getNodeByParam('id',theCarOrganiz3);  
        $("#"+sel.tId+"_a").click();  
    }  
};