jQuery树形控件zTree使用小结

1.2 zTree的数据格式
 zTree的每一个节点都是一个treeNode对象，treeNode对象经常用到的属性和方法如下： 

treeNode: {
  name, //节点显示的文本
  checked, //节点是否勾选，ztree配置启用复选框时有效
  open, //节点是否展开
  icon, //节点的图标
  iconOpen, //节点展开式的图标
  iconClose, //节点折叠时的图标
  id,  //节点的标识属性，对应的是启用简单数据格式时idKey对应的属性名，并不一定是id,如果setting中定义的idKey:"zId",那么此处就是zId
  pId, //节点parentId属性，命名规则同id
  children, //得到该节点所有孩子节点，直接下级，若要得到所有下属层级节点，需要自己写递归得到
  isParent, //判断该节点是否是父节点，一般应用中通常需要判断只有叶子节点才能进行相关操作，或者删除时判断下面是有子节点时经常用到。
  getPath() //得到该节点的路径，即所有父节点，包括自己，此方法返回的是一个数组，通常用于创建类似面包屑导航的东西A-->B-->C
  }

zTree的数据源一般有标准数据格式、简单数据格式两种，标准数据格式通过指定节点的chidren属性构建层级关系，而简单数据格式根据根据id，pid属性构建层级关系，我们在应用开发中使用关系型数据库，一般采用的都是简单数据格式。
 标准数据格式

 var nodes = [
 {name: "父节点1", children: [
 {name: "子节点1"},
 {name: "子节点2"}
 ]}
];

简单数据格式

 var nodes = [
 {id:1, pId:0, name: "父节点1"},
 {id:11, pId:1, name: "子节点1"},
 {id:12, pId:1, name: "子节点2"}
];

注意zTree的默认配置是不启用简单数据格式，使用简单数据格式一定要在setting中进行简单数据格式的相关配置。 

1.3 zTree的常用方法
zTree的主要操作方法介绍如下 
获取zTree对象：var treeObj = $.fn.zTree.getZTreeObj(“tree”);
增加节点：addNodes(parentNode,index,newNodes,isSlient)

parentNode:指定的父节点，如果增加根节点，请设置 parentNode 为 null 即可

index:新节点插入的位置（从 0 开始），index = -1 时，插入到最后，此参数可忽略

newNodes：需要增加的节点数据 JSON 对象集合，数据只需要满足 zTree 的节点数据必需的属性即可 

isSilent：true 时，添加节点后不展开父节点，其他值或缺省状态都自动展开

 勾选或取消勾选全部节点：checkAllNodes(checked);
 checked参数为true时全部勾选，为false时全部取消勾选。