ztree设置禁用节点

最新推荐文章于 2022-06-02 19:55:02 发布

只管做就好啦

最新推荐文章于 2022-06-02 19:55:02 发布

阅读量6.3k

点赞数

文章标签： json ajax JavaScript ztree setDisabledNode ViewUI

ztree 专栏收录该内容

2 篇文章

订阅专栏

ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。

 
$(function(){            	
                showTree();
	            setDisabledNode();

});

            //展示树数据
            function showTree(){
                jQuery.ajax({
                    type:'GET',
                    async:false,//这里要设置同步，否则数据没有完全加载，是无法设置禁用的节点的。
                    url:top.basePath + '/pages/system/buildCheckBoxColumnTreeNodes.action?columnIds='+columnIds+'&mediaInfoId='+mediaInfoId+'&isAdd='+isAdd,                    		
                    dataType:'json',
                    success:function(data){
                        var zNodes = data.model;
                        $.each(zNodes,function(key,val){
                            if(val.level == 0 && val.pId == 0)
                            {                            	
                                val.open = true;
                                val.icon = '<%=path%>/plugins/ztree/css/zTreeStyle/img/diy/1_close.png';
                            }else{
                                val.icon = '<%=path%>/plugins/ztree/css/zTreeStyle/img/diy/1_open.png';
                            }
                        });
                        //初始化栏目树对象
                        var zTreeObj = $.fn.zTree.init($("#columnTree"), setting, zNodes);
                    }
                });
            }
            //设置禁用的复选框节点
            function setDisabledNode(){
                  var treeObj = $.fn.zTree.getZTreeObj("columnTree");
                  var disabledNode = treeObj.getNodeByParam("level", 0);
                  treeObj.setChkDisabled(disabledNode, true);	
            }