欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

$.fn.zTree 展开 回显 选中

发布时间:2023/12/2 编程问答 50 豆豆
生活随笔 收集整理的这篇文章主要介绍了 $.fn.zTree 展开 回显 选中 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

var ids='节点字符串';// 字符串形式:选中节点,...,二级节点,根节点

var si=ids..split(",").length-1;

var setting = {view:{selectedMulti:false},data:{simpleData:{enable:true}},
        async: {
            enable: true,
            url:"",
            autoParam:["id"]
        },
        callback:{onClick:function(event, treeId, treeNode){
            },onDblClick:function(event, treeId, treeNode){  
            },
            onExpand:function(event, treeId, treeNode){//根据展开后事件,设置选中回显
                si=si-1;//展开次数
                if(ids!=''){
                    var rs=ids.split(",");
                    //获取下级节点集合
                    var xcode=treeNode.children;
                    for (var i = 0; i < xcode.length; i++) {//遍历下级节点
                        if(rs[si]==xcode[i].id){//锁定展开节点
                            if(si==0){//锁定选中的节点
                                tree.selectNode(xcode[i]);//设置选中
                                return ;
                            }else{//继续展开
                                tree.expandNode(xcode[i], true, false, false,true);//展开 第5个参数为true触发展开后事件
                                return
                            }
                            
                        }
                    }
                }
            }
            
            }
    };

loadTree = function(){
            var auth="${auth}";
           js.ajaxSubmit(url, {}, function(data){
            tree = $.fn.zTree.init($("#tree"), setting, data);//定义树
            // 展开第一级节点
            var nodes = tree.getNodesByParam("level", 0);//根节点
            for(var i=0; i<nodes.length; i++) {
                tree.expandNode(nodes[i], true, false, false,true);//第5个参数为true触发展开后事件
            }
        }, null, null, js.text('loading.message'));
    };loadTree();//加载树

总结

以上是生活随笔为你收集整理的$.fn.zTree 展开 回显 选中的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。