X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=openo-portal%2Fportal-common%2Fsrc%2Fmain%2Fwebapp%2Fcommon%2Fthirdparty%2FzTree%2Fapi%2Fen%2Ffn.zTree.init.html;h=9a7e949fd533abc299fc7604bbc262216e06f771;hb=f0b211f269df2b0bb10d5552d14aeb8991a750ed;hp=cf97d2bc0d46035929e7ce4c59a19d4485eb7de3;hpb=68036a69f0dd0dad6b6a715d9850997d21f82940;p=vnfsdk%2Frefrepo.git diff --git a/openo-portal/portal-common/src/main/webapp/common/thirdparty/zTree/api/en/fn.zTree.init.html b/openo-portal/portal-common/src/main/webapp/common/thirdparty/zTree/api/en/fn.zTree.init.html index cf97d2bc..9a7e949f 100644 --- a/openo-portal/portal-common/src/main/webapp/common/thirdparty/zTree/api/en/fn.zTree.init.html +++ b/openo-portal/portal-common/src/main/webapp/common/thirdparty/zTree/api/en/fn.zTree.init.html @@ -1,75 +1,75 @@ -
-
-

Function(obj, zSetting, zNodes)$.fn.zTree.init

-

Overview[ depends on jquery.ztree.core js ]

-
-

-
-

The method which used to create zTree.

-

1. The web page need to use W3C markup. For example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-

2. Need to load jquery-1.4.2.js or other higher versions.

-

3. Need to load jquery-ztree.core-3.0.js. If you need to use the edit mode or checkbox / radio mode, you need to load jquery-ztree.exedit-3.0.js and jquery-ztree.excheck-3.0.js.

-

4. Need to load zTreeStyle.css and image files

-

5. If you need to use custom icons, please refer to the appropriate Demo.

-

6. Note: You need to set zTree container's class name to "ztree". If you need to change, don't forget to modify the css file. If you need other special styles, can modify the css file to their own needs.

-
-
-

Function Parameter Descriptions

-
-

objectjQuery Object

-

DOM Container for zTree

-

zSettingJSON

-

zTree's configuration data, please refer to "setting details" in the API Document.

-

zNodesArray(JSON) / JSON

-

zTree's node data, please refer to "treeNode data details" in the API Document.

-

1. zTree v3.x support to add single node, that is, if only to add one node, you can use JSON without using Array.

-

2. If you need asynchronous load root nodes, can be set to null or [ ]

-

3. If you use simple data mode, please refer to "setting.data.simpleData" in the API Document.

-

Return JSON

-

zTree object

-

This object can provide the methods of operate the zTree

-

You can use $.fn.zTree.getZTreeObj method at any time to obtain.

-
-

Examples of setting & function

-

1. create a simple tree

- 
<!DOCTYPE html>
-<HTML>
- <HEAD>
-  <TITLE> ZTREE DEMO </TITLE>
-  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
-  <script type="text/javascript" src="jquery-1.4.2.js"></script>
-  <script type="text/javascript" src="jquery.ztree.core-3.5.js"></script>
-<!--
-  <script type="text/javascript" src="jquery.ztree.excheck-3.5.js"></script>
-  <script type="text/javascript" src="jquery.ztree.exedit-3.5.js"></script>
--->
-  <SCRIPT type="text/javascript" >
-	var zTreeObj,
-	setting = {
-		view: {
-			selectedMulti: false
-		}
-	},
-	zTreeNodes = [
-		{"name":"Site Map", open:true, children: [
-			{ "name":"google", "url":"http://www.google.com", "target":"_blank"},
-			{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
-			{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
-			]
-		}
-	];
-
-	$(document).ready(function(){
-		zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
-
-	});
-  </SCRIPT>
- </HEAD>
-
-<BODY>
-<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
- </BODY>
-</HTML>
-
+
+
+

Function(obj, zSetting, zNodes)$.fn.zTree.init

+

Overview[ depends on jquery.ztree.core js ]

+
+

+
+

The method which used to create zTree.

+

1. The web page need to use W3C markup. For example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

+

2. Need to load jquery-1.4.2.js or other higher versions.

+

3. Need to load jquery-ztree.core-3.0.js. If you need to use the edit mode or checkbox / radio mode, you need to load jquery-ztree.exedit-3.0.js and jquery-ztree.excheck-3.0.js.

+

4. Need to load zTreeStyle.css and image files

+

5. If you need to use custom icons, please refer to the appropriate Demo.

+

6. Note: You need to set zTree container's class name to "ztree". If you need to change, don't forget to modify the css file. If you need other special styles, can modify the css file to their own needs.

+
+
+

Function Parameter Descriptions

+
+

objectjQuery Object

+

DOM Container for zTree

+

zSettingJSON

+

zTree's configuration data, please refer to "setting details" in the API Document.

+

zNodesArray(JSON) / JSON

+

zTree's node data, please refer to "treeNode data details" in the API Document.

+

1. zTree v3.x support to add single node, that is, if only to add one node, you can use JSON without using Array.

+

2. If you need asynchronous load root nodes, can be set to null or [ ]

+

3. If you use simple data mode, please refer to "setting.data.simpleData" in the API Document.

+

Return JSON

+

zTree object

+

This object can provide the methods of operate the zTree

+

You can use $.fn.zTree.getZTreeObj method at any time to obtain.

+
+

Examples of setting & function

+

1. create a simple tree

+ 
<!DOCTYPE html>
+<HTML>
+ <HEAD>
+  <TITLE> ZTREE DEMO </TITLE>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
+  <script type="text/javascript" src="jquery-1.4.2.js"></script>
+  <script type="text/javascript" src="jquery.ztree.core-3.5.js"></script>
+<!--
+  <script type="text/javascript" src="jquery.ztree.excheck-3.5.js"></script>
+  <script type="text/javascript" src="jquery.ztree.exedit-3.5.js"></script>
+-->
+  <SCRIPT type="text/javascript" >
+	var zTreeObj,
+	setting = {
+		view: {
+			selectedMulti: false
+		}
+	},
+	zTreeNodes = [
+		{"name":"Site Map", open:true, children: [
+			{ "name":"google", "url":"http://www.google.com", "target":"_blank"},
+			{ "name":"baidu", "url":"http://baidu.com", "target":"_blank"},
+			{ "name":"sina", "url":"http://www.sina.com.cn", "target":"_blank"}
+			]
+		}
+	];
+
+	$(document).ready(function(){
+		zTreeObj = $.fn.zTree.init($("#tree"), setting, zTreeNodes);
+
+	});
+  </SCRIPT>
+ </HEAD>
+
+<BODY>
+<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
+ </BODY>
+</HTML>
+
\ No newline at end of file