ztree的初级用法

本文适合初次接触者

在第一在使用ztree时被深深的头痛到，当整明白时一看这么简单

var zTreeObj;
// zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
var setting = {
    view:{
        dblClickExpand: true,  //双节点时是否自动展开父节点
        showLine: true,  //是否显示节点间的连线
        selectedMulti: false,    //是否允许选中多个节点
        expandSpeed: "fast"    //展开动画
    },
    data:
        {
            key:
                {
                    name: "spyName"  //界面显示的名称参数
                },
            simpleData:
                {
                    enable: true,       //是否采用简单模式
                    idKey: "spyId",     //节点数据中保存唯一标识的属性名称。
                    pIdKey: "spyParentId",  //节点数据中保存其父节点唯一标识的属性名称。
                    rootPId: "-1"   //用于修正根节点父节点数据，即 pIdKey 指定的属性值。
                },
            async: {
                enable: true,//开启异步加载
                //如果设置为 true，请务必设置 setting.async 内的其它参数。
                //如果需要根节点也异步加载，初始化时 treeNodes 参数设置为 null 即可

                url:"getTabs",//设置异步获取节点的 URL 地址
                autoParam:["spyId"]//设置父节点数据需要自动提交的参数
            }
        }
};

var settingPor = setting;
settingPor.callback = {
    onClick:zTreeOnClick
}

function ajaxZtreePor(){
    var treeNodes;
    $.ajax({
        url:"getTabs",
        dataType : "json",
        type:"GET",
        success:function(even){
            treeNodes = even;
            zTreeObj = $.fn.zTree.init($("#treeDemo"), settingPor, treeNodes);
        }
    })
}