ztree 动态加载

http://note.youdao.com/share/?id=0582d211e8195d1c3e234f8821847b1f&type=note

1.下载 ztree 并在页面引入 js 及 css 文件

    注意点 ： 包含css文件的文件夹要整体引入 ，不然样式所包含的图片无法加载：

             

2.页面添加 ztree 容器元素 : <ul id="ztreeul" class="ztree"></ul>

    注意点:必须添加class="ztree" , 不然样式无法加载

3. js 代码 ：

 var setting = {

    view:{

            showLine:true ,   /／显示连接线

            selectedMulti:false，// 单选

            expandSpeed:"slow"

    }，

    data:{

            key：{

                    title:"deptShortName"，

                     title:"deptShortName"，

            }，

            simpleData:{

                    enable:true,

                    idKey:"deptId",

                    pIdkey:"deptParentId"

            }

            

    }，

    async:{

        enable:true,

        url:"getDept-list",

        dataType:"json",

        autoParam：["deptId"]，// 点击父节点是传递后台的参数

        dataFliter：filter

    }

    check :{

            enable:true,

              chkStyle:"checkbox",

            chkboxType:{"Y"：“”， “N”："'}

    }

    callback:{

         onClick : yh.deptClick // 节点点击事件

            

    }

}

$.fn.zTree.init($("#ztreeul"), setting)；

4.后台响应数据需要添加属性 isParent ：不然不能动态加载

    

 

参考资料：

http://blog.csdn.net/maxuyang1987/article/details/10224755

http://blog.csdn.net/lilongsheng1125/article/details/25737463