portal-common/src/main/webapp/common/thirdparty/zTree/api/cn/zTreeObj.transformTozTreeNodes.html

   1 <div class="apiDetail">\r
   2 <div>\r
   3         <h2><span>Function(simpleNodes)</span><span class="path">zTreeObj.</span>transformTozTreeNodes</h2>\r
   4         <h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.core</span> 核心 js ]</span></h3>\r
   5         <div class="desc">\r
   6                 <p></p>\r
   7                 <div class="longdesc">\r
   8                         <p>将简单 Array 格式数据转换为 zTree 使用的标准 JSON 嵌套数据格式。</p>\r
   9                         <p class="highlight_red">使用此方法，请务必设置节点唯一标识属性名称 setting.data.simpleData.idKey 和 父节点唯一标识属性名称 setting.data.simpleData.pIdKey，并且让数据满足父子关系。</p>\r
  10                         <p class="highlight_red">请通过 zTree 对象执行此方法。</p>\r
  11                 </div>\r
  12         </div>\r
  13         <h3>Function 参数说明</h3>\r
  14         <div class="desc">\r
  15         <h4><b>simpleNodes</b><span>Array(JSON) / JSON</span></h4>\r
  16         <p>需要被转换的简单 Array 格式数据 或 某个单独的数据对象</p>\r
  17         <h4 class="topLine"><b>返回值</b><span>Array(JSON)</span></h4>\r
  18         <p>zTree 使用的标准数据，子节点都存在于父节点数据的 children 属性中</p>\r
  19         <p class="highlight_red">如果 simpleNodes 是一个 JSON 对象，则被简单封装成长度为 1 的数组。</p>\r
  20         </div>\r
  21         <h3>function 举例</h3>\r
  22         <h4>1. 将简单 Array 格式转换为zTree使用的标准格式</h4>\r
  23         <pre xmlns=""><code>var setting = {\r
  24         data: {\r
  25                 simpleData: {\r
  26                         enable: true,\r
  27                         idKey: "id",\r
  28                         pIdKey: "pId",\r
  29                         rootPId: 0,\r
  30                 }\r
  31         }\r
  32 };\r
  33 var simpleNodes = [\r
  34     {"id":1, "pId":0, "name":"test1"},\r
  35     {"id":11, "pId":1, "name":"test11"},\r
  36     {"id":12, "pId":1, "name":"test12"},\r
  37     {"id":111, "pId":11, "name":"test111"}\r
  38 ];\r
  39 var treeObj = $.fn.zTree.getZTreeObj("tree");\r
  40 var nodes = treeObj.transformTozTreeNodes(simpleNodes);\r
  41 </code></pre>\r
  42 </div>\r
  43 </div>