dwz与ztree整合

原创
2015/12/19 20:47
阅读数 225

1、准备工作

     DWZ

     ZTREE  3.5.19

    

2、引用ztree相关文件

3、jquery.ztree.core-3.5.js有多次需要修改,按如下步骤调整:

makeDOMNodeNameBefore函数:


makeNodeTarget函数修改:


添加setNodeRel函数:
setNodeRel: function(setting, node) {
    var aObj = $("#" + node.tId + consts.id.A),
    rel = treeNode.rel;
    if (rel == null || rel.length == 0) {
    aObj.removeAttr("rel");
    } else {
    aObj.attr("rel", rel);
    }
    }

updateNode函数调用setNodeRel函数
view.setNodeRel(setting, node);

Js代码段:

<!--  
    var setting = {   
        data: {  
            simpleData: {  
                enable: true  
            }  
        },  
        callback: {  
            onExpand: zTreeRegisterTarget  
        }  
    };  
    var zNodes = [{  id : 0,    
                pId : -1,    
                   name : "搜索",    
                    url : "demo/w_alert.html",    
                    target : "navTab",    
                    rel : "sl",  
                    open:true,  //设置true就子节点无任何问题  
                    children:[{    
                        id : 1,    
                        pId : 0,    
                        name : "百度",    
                        url : "demo/w_panel.html",    
                        target : "navTab",    
                        rel : "bd",  
                        //open:true,  
                        children:[{    
                            id : 1,    
                            pId : 0,    
                            name : "文库",    
                            url : "demo/w_tabs.html",    
                            target : "navTab",    
                            rel : "wk"    
                        }, {    
                            id : 2,    
                            pId : 0,    
                            name : "地图",    
                            url : "demo/w_dialog.html",    
                            target : "navTab",    
                            rel : "dt"    
                        } ]    
                    }, {    
                        id : 2,    
                        pId : 0,    
                        name : "Google",    
                        url : "http://www.google.com.cn",    
                        target : "navTab",    
                        rel : "gg"    
                    } ]},{  
                        id : -2,    
                        pId : -1,    
                        name : "门户",    
                        url : "http://www.sina.com.cn",    
                        target : "navTab",    
                        rel : "xl"    
                    }];    
    function zTreeRegisterTarget(event, treeId, treeNode) {  
        initUI($('#'+treeId));  
    }  
          
    $(document).ready(function(){  
        $.fn.zTree.init($("#ztreedemo"), setting, zNodes);  
    });

   

希望对其他需要进行整合的人有所帮助!

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部