1.首先在页面上有
标签\x0d\x0a\x0d\x0a
\x0d\x0a\x0d\x0a2.定义ztree的配置参数\x0d\x0avar setting = {\x0d\x0a //check属性放在data属性之后，复选框不起作用\x0d\x0a check: {\x0d\x0a enable: true\x0d\x0a },\x0d\x0a data: {\x0d\x0a simpleData: {\x0d\x0a enable: true\x0d\x0a },\x0d\x0a }\x0d\x0a};\x0d\x0a\x0d\x0a3.获得ztree所要绑定的数据,可以使用静态数据也可以使用ajax获取的数据\x0d\x0aa)Ztree的数据有两种格式,标准格式如下:\x0d\x0a标准的 JSON 数据需要嵌套表示节点的父子包含关系\x0d\x0a例如：\x0d\x0a\x0d\x0avar nodes = [\x0d\x0a\x0d\x0a {\x0d\x0a name: "父节点1",\x0d\x0a open:true,\x0d\x0a children: [\x0d\x0a {name: "子节点1"},\x0d\x0a {name: "子节点2"}\x0d\x0a ]\x0d\x0a }\x0d\x0a];\x0d\x0a\x0d\x0a \x0d\x0ab)简单数据格式如下(推荐使用):\x0d\x0a简单模式的 JSON 数据需要使用 id/pId表示节点的父子包含关系，如使用其他属性设置父子关联关系请参考setting.data.simple内各项说明\x0d\x0a例如：\x0d\x0a\x0d\x0avar nodes = [\x0d\x0a\x0d\x0a {id:1, pId:0, name: "父节点1"},\x0d\x0a {id:11, pId:1, name: "子节点1"},\x0d\x0a {id:12, pId:1, name: "子节点2"}\x0d\x0a];\x0d\x0a\x0d\x0a简单数据的id,pId,name,title都可以在setting的data中进行配置,指定相应的字段。\x0d\x0a在setting的data中配置simpleData为enable:true即表示使用简单数据格式,不配置或配置为false则为标准数据格式.\x0d\x0a\x0d\x0avar setting = {\x0d\x0a\x0d\x0a data: {\x0d\x0a simpleData: {\x0d\x0a enable: true\x0d\x0a }\x0d\x0a }\x0d\x0a};\x0d\x0a4.初始化ztree生成树\x0d\x0a\x0d\x0a$.fn.zTree.init($("#tree"), setting, nodes);\x0d\x0a\x0d\x0a第一个参数是
id选择的jquery对象,第二个参数是配置的setting,第三个参数是获取到的数据.
