CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / zTree / api / en / 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>Overview<span class="h3_info">[ depends on <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>Transform the simple array into zTree nodes data.</p>\r
9                         <p class="highlight_red">If you use this method, you must set 'setting.data.simpleData.idKey' and 'setting.data.simpleData.pIdKey' attribute, and let the data are consistent with parent-child relationship.</p>\r
10                         <p class="highlight_red">Please use zTree object to executing the method.</p>\r
11                 </div>\r
12         </div>\r
13         <h3>Function Parameter Descriptions</h3>\r
14         <div class="desc">\r
15         <h4><b>simpleNodes</b><span>Array(JSON) / JSON</span></h4>\r
16         <p>JSON data object of the node which need to be transformed.</p>\r
17         <p>or JSON data objects array of the nodes which need to be transformed.</p>\r
18         <h4 class="topLine"><b>Return </b><span>Array(JSON)</span></h4>\r
19         <p>Standard data which zTree use. The child nodes are stored in the parent node's 'children' attribute.</p>\r
20         <p class="highlight_red">If simpleNodes is a single JSON, so the return array's length is 1.</p>\r
21         </div>\r
22         <h3>Examples of function</h3>\r
23         <h4>1. Transform the simple array data into zTree nodes format.</h4>\r
24         <pre xmlns=""><code>var setting = {\r
25         data: {\r
26                 simpleData: {\r
27                         enable: true,\r
28                         idKey: "id",\r
29                         pIdKey: "pId",\r
30                         rootPId: 0,\r
31                 }\r
32         }\r
33 };\r
34 var simpleNodes = [\r
35     {"id":1, "pId":0, "name":"test1"},\r
36     {"id":11, "pId":1, "name":"test11"},\r
37     {"id":12, "pId":1, "name":"test12"},\r
38     {"id":111, "pId":11, "name":"test111"}\r
39 ];\r
40 var treeObj = $.fn.zTree.getZTreeObj("tree");\r
41 var nodes = treeObj.transformTozTreeNodes(simpleNodes);\r
42 </code></pre>\r
43 </div>\r
44 </div>