国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

1.修改了因節(jié)點(diǎn)個數(shù)過多而造成刷新時候的緩慢。（你可以用原版試試加上500個子節(jié)點(diǎn)，然后調(diào)用reload()方法）。

2.加入了單選和復(fù)選的功能。

3.加入了線程，在500個子節(jié)點(diǎn)以上才會啟用。引用Thread.js，設(shè)置webFXTreeConfig.useThread=true.

4.增加了data屬性，使得每個節(jié)點(diǎn)都可以綁定自己想綁定的數(shù)據(jù)上去。

確定線程不能保證節(jié)點(diǎn)的順序，如果對順序有要求，那就不適用了。

該例子實(shí)現(xiàn)了對一顆樹的增刪改查。

因?yàn)槭茄舆t加載，所以在每個父節(jié)點(diǎn)的子節(jié)點(diǎn)1000以內(nèi)都是比較快的。

看哈效果圖：

看哈部分代碼treeRadio.js：

Js代碼

1. webFXTreeConfig.rootIcon = "xloadtree/images/xp/folder.png";
2. webFXTreeConfig.openRootIcon = "xloadtree/images/xp/openfolder.png";
3. webFXTreeConfig.folderIcon = "xloadtree/images/xp/folder.png";
4. webFXTreeConfig.openFolderIcon = "xloadtree/images/xp/openfolder.png";
5. webFXTreeConfig.fileIcon = "xloadtree/images/xp/file.png";
6. webFXTreeConfig.lMinusIcon = "xloadtree/images/xp/Lminus.png";
7. webFXTreeConfig.lPlusIcon = "xloadtree/images/xp/Lplus.png";
8. webFXTreeConfig.tMinusIcon = "xloadtree/images/xp/Tminus.png";
9. webFXTreeConfig.tPlusIcon = "xloadtree/images/xp/Tplus.png";
10. webFXTreeConfig.iIcon = "xloadtree/images/xp/I.png";
11. webFXTreeConfig.lIcon = "xloadtree/images/xp/L.png";
12. webFXTreeConfig.tIcon = "xloadtree/images/xp/T.png";
13. webFXTreeConfig.blankIcon = "xloadtree/images/blank.png";
14. webFXTreeConfig.type = "radio"; //checkbox or radio
16. var prjPath = '/xloadtreeDemo';
17. var actionSuffix = '.action';
18. var namespace = '/Controller';
19. var loadRootNodeAction = 'loadRootNode_XloadTree';
20. var initAction = 'init_XloadTree';
21. var addNodeAction = 'addNode_XloadTree';
22. var saveOrUpdateRootNodeAction = 'saveOrUpdateRootNode_XloadTree';
23. var deleteNodeAction = 'deleteNode_XloadTree';
24. var loadChildNodeAction = 'loadChildNode_XloadTree';
25. var updateNodeAction = 'updateNode_XloadTree';
26. var loadTreeUrl = prjPath + namespace+'/' + loadRootNodeAction + actionSuffix;
27. var loadChildNodeUrl = prjPath + namespace+'/' + loadChildNodeAction + actionSuffix;
28. var initTreeUrl = prjPath + namespace+'/' + initAction + actionSuffix;
29. var addNodeUrl = prjPath + namespace+'/' + addNodeAction + actionSuffix;
30. var saveOrUpdateRootNodeUrl = prjPath + namespace+'/' + saveOrUpdateRootNodeAction + actionSuffix;
31. var deleteNodeUrl = prjPath + namespace+'/' + deleteNodeAction + actionSuffix;
32. var updateNodeUrl = prjPath + namespace+'/' + updateNodeAction + actionSuffix;
33. var tree;
35. $(function(){
36. loadTree();
37. });
39. //加載根節(jié)點(diǎn)
40. function loadTree(){
41. $.ajax({
42. url:loadTreeUrl,
43. dataType:'json',
44. success:function(rootNode){
45. var id = rootNode.id;
46. if(id != '0'){
47. updateTree(rootNode);
48. }else{
49. $('#rootId').html('null');
50. $('#rootPid').html('null');
51. }
52. }
53. });
55. }
57. //獲取根節(jié)點(diǎn)的子節(jié)點(diǎn)集合
58. function updateTree(rootNode){
59. $('#rootText').val(rootNode.text);
60. $('#rootAction').val(rootNode.action);
61. $('#rootId').html(rootNode.id);
62. $('#rootPid').html('null');
63. tree = new WebFXLoadTree(rootNode.text,initTreeUrl,rootNode.action);
64. tree.data = rootNode;
65. $('#radioDiv').html(tree.toString());
66. }
68. //點(diǎn)擊單選按鈕的回調(diào)事件
69. function setRadioData(data){
70. if(typeof(data) == 'string'){
71. data = jQuery.parseJSON(data);
72. }
73. $('#pid').val(data.id);
74. }
76. //添加新節(jié)點(diǎn)
77. function addNode(){
78. var selectNode = tree.selectNode;
79. if(selectNode==null){
80. alert('選中一個節(jié)點(diǎn)進(jìn)行新增操作!');
81. return;
82. }
83. var treeNode = new Object();
84. treeNode.text = $("#text").val();
85. treeNode.action = $("#action").val();
86. treeNode.pid = $("#pid").val();
88. if(treeNode.text==''){
89. alert('text必須填寫!');
90. return;
91. }
93. $.ajax({
94. type:'POST',
95. url:addNodeUrl,
96. data:treeNode,
97. dataType:'json',
98. success:function(newNode){
99. //直接添加即可
100. selectNode.add(new WebFXTreeItem({
101. text:newNode.text,
102. action:newNode.action,
103. data:newNode
104. }));
105. selectNode.src = newNode.src;
106. selectNode.expand();
107. //清空內(nèi)容
108. $("#text").val('');
109. $("#action").val('');
110. }
111. });
112. }
114. //保存根節(jié)點(diǎn)信息
115. function saveOrUpdateRootNode(){
116. var treeNode = new Object();
117. treeNode.text = $("#rootText").val();
118. treeNode.action = $("#rootAction").val();
119. treeNode.id = $("#rootId").html();
120. if(treeNode.text==''){
121. alert('text不能為空');
122. $("#rootText").focus();
123. return;
124. }
125. if(treeNode.id == 'null')treeNode.id = -1;
126. $.ajax({
127. type:'POST',
128. url:saveOrUpdateRootNodeUrl,
129. data:treeNode,
130. dataType:'json',
131. success:function(rootNode){
132. $("#"+tree.id+"-anchor").html(rootNode.text);
133. }
134. });
135. }
137. //刷新選中節(jié)點(diǎn)的子節(jié)點(diǎn)信息
138. function flushNode(){
139. var selectNode = tree.selectNode;
140. if(selectNode==null){
141. alert('選中一個節(jié)點(diǎn)進(jìn)行刷新操作!');
142. return;
143. }
144. if(selectNode.childNodes.length!=0){
145. if(selectNode.reload){
146. selectNode.reload();
147. }else{
148. var parentNode = selectNode.parentNode;
149. var index = selectNode.index;
150. if(parentNode){
151. parentNode.reload();
152. }
153. }
154. }
155. }
157. //刪除節(jié)點(diǎn)
158. function delNode(){
159. var selectNode = tree.selectNode;
160. if(selectNode==null){
161. alert('選中一個節(jié)點(diǎn)進(jìn)行刪除操作!');
162. return;
163. }
164. var data = selectNode.data;
165. if(typeof(data) == 'string'){
166. data = jQuery.parseJSON(data);
167. }
168. $.ajax({
169. type:'POST',
170. url:deleteNodeUrl,
171. data:{id:data.id},
172. success:function(result){
173. if(Number(result)!=0){
174. selectNode.remove();
175. tree.selectNode = null;
176. }
177. }
178. });
179. }
181. //編輯節(jié)點(diǎn)信息
182. function editNode(){
183. var selectNode = tree.selectNode;
184. if(selectNode==null){
185. alert('選中一個節(jié)點(diǎn)進(jìn)行編輯操作!');
186. return;
187. }
188. var data = selectNode.data;
189. if(typeof(data) == 'string'){
190. data = jQuery.parseJSON(data);
191. }
192. var treeNode = new Object();
193. treeNode.text = $("#text").val();
194. treeNode.action = $("#action").val();
195. treeNode.id = data.id;
196. if(treeNode.text==''){
197. alert('text不能為空');
198. $("#text").focus();
199. return;
200. }
201. $.ajax({
202. type:'POST',
203. url:updateNodeUrl,
204. data:treeNode,
205. dataType:'json',
206. success:function(updateNode){
207. $("#"+selectNode.id+"-anchor").html(updateNode.text);
208. $("#"+selectNode.id+"-anchor").attr('href',updateNode.action);
209. selectNode.data = updateNode;
210. }
211. });
213. }

webFXTreeConfig.rootIcon		= "xloadtree/images/xp/folder.png";webFXTreeConfig.openRootIcon	= "xloadtree/images/xp/openfolder.png";webFXTreeConfig.folderIcon		= "xloadtree/images/xp/folder.png";webFXTreeConfig.openFolderIcon	= "xloadtree/images/xp/openfolder.png";webFXTreeConfig.fileIcon		= "xloadtree/images/xp/file.png";webFXTreeConfig.lMinusIcon		= "xloadtree/images/xp/Lminus.png";webFXTreeConfig.lPlusIcon		= "xloadtree/images/xp/Lplus.png";webFXTreeConfig.tMinusIcon		= "xloadtree/images/xp/Tminus.png";webFXTreeConfig.tPlusIcon		= "xloadtree/images/xp/Tplus.png";webFXTreeConfig.iIcon			= "xloadtree/images/xp/I.png";webFXTreeConfig.lIcon			= "xloadtree/images/xp/L.png";webFXTreeConfig.tIcon			= "xloadtree/images/xp/T.png";webFXTreeConfig.blankIcon       = "xloadtree/images/blank.png";webFXTreeConfig.type            = "radio"; //checkbox or radiovar prjPath = '/xloadtreeDemo';var actionSuffix = '.action';var namespace = '/Controller';var loadRootNodeAction = 'loadRootNode_XloadTree';var initAction = 'init_XloadTree';var addNodeAction = 'addNode_XloadTree';var saveOrUpdateRootNodeAction = 'saveOrUpdateRootNode_XloadTree';var deleteNodeAction = 'deleteNode_XloadTree';var loadChildNodeAction = 'loadChildNode_XloadTree';var updateNodeAction = 'updateNode_XloadTree';var loadTreeUrl = prjPath + namespace+'/' + loadRootNodeAction + actionSuffix;var loadChildNodeUrl = prjPath + namespace+'/' + loadChildNodeAction + actionSuffix;var initTreeUrl = prjPath + namespace+'/' + initAction + actionSuffix;var addNodeUrl = prjPath + namespace+'/' + addNodeAction + actionSuffix;var saveOrUpdateRootNodeUrl = prjPath + namespace+'/' + saveOrUpdateRootNodeAction + actionSuffix;var deleteNodeUrl = prjPath + namespace+'/' + deleteNodeAction + actionSuffix;var updateNodeUrl = prjPath + namespace+'/' + updateNodeAction + actionSuffix;var tree;$(function(){	loadTree();});//加載根節(jié)點(diǎn)function loadTree(){	$.ajax({		url:loadTreeUrl,		dataType:'json',		success:function(rootNode){			var id = rootNode.id;			if(id != '0'){				updateTree(rootNode);			}else{				$('#rootId').html('null');				$('#rootPid').html('null');			}		}	});	}//獲取根節(jié)點(diǎn)的子節(jié)點(diǎn)集合function updateTree(rootNode){	$('#rootText').val(rootNode.text);	$('#rootAction').val(rootNode.action);	$('#rootId').html(rootNode.id);	$('#rootPid').html('null');	tree = new WebFXLoadTree(rootNode.text,initTreeUrl,rootNode.action);	tree.data = rootNode;	$('#radioDiv').html(tree.toString());}//點(diǎn)擊單選按鈕的回調(diào)事件function setRadioData(data){	if(typeof(data) == 'string'){		data = jQuery.parseJSON(data);	}	$('#pid').val(data.id);}//添加新節(jié)點(diǎn)function addNode(){	var selectNode = tree.selectNode;	if(selectNode==null){		alert('選中一個節(jié)點(diǎn)進(jìn)行新增操作!');		return;	}	var treeNode = new Object();	treeNode.text = $("#text").val();	treeNode.action = $("#action").val();	treeNode.pid = $("#pid").val();	if(treeNode.text==''){		alert('text必須填寫!');		return;	}		$.ajax({		type:'POST',		url:addNodeUrl,		data:treeNode,		dataType:'json',		success:function(newNode){			//直接添加即可			selectNode.add(new WebFXTreeItem({				text:newNode.text,				action:newNode.action,				data:newNode			}));			selectNode.src = newNode.src;			selectNode.expand();			//清空內(nèi)容			$("#text").val('');			$("#action").val('');		}	});}//保存根節(jié)點(diǎn)信息function saveOrUpdateRootNode(){	var treeNode = new Object();	treeNode.text = $("#rootText").val();	treeNode.action = $("#rootAction").val();	treeNode.id = $("#rootId").html();	if(treeNode.text==''){		alert('text不能為空');		$("#rootText").focus();		return;	}	if(treeNode.id == 'null')treeNode.id = -1;	$.ajax({		type:'POST',		url:saveOrUpdateRootNodeUrl,		data:treeNode,		dataType:'json',		success:function(rootNode){			$("#"+tree.id+"-anchor").html(rootNode.text);		}	});}//刷新選中節(jié)點(diǎn)的子節(jié)點(diǎn)信息function flushNode(){	var selectNode = tree.selectNode;	if(selectNode==null){		alert('選中一個節(jié)點(diǎn)進(jìn)行刷新操作!');		return;	}	if(selectNode.childNodes.length!=0){		if(selectNode.reload){			selectNode.reload();		}else{			var parentNode = selectNode.parentNode;			var index = selectNode.index;			if(parentNode){				parentNode.reload();			}		}		}}//刪除節(jié)點(diǎn)function delNode(){	var selectNode = tree.selectNode;	if(selectNode==null){		alert('選中一個節(jié)點(diǎn)進(jìn)行刪除操作!');		return;	}	var data = selectNode.data;	if(typeof(data) == 'string'){		data = jQuery.parseJSON(data);	}	$.ajax({		type:'POST',		url:deleteNodeUrl,		data:{id:data.id},		success:function(result){			if(Number(result)!=0){				selectNode.remove();				tree.selectNode = null;			}		}	});}//編輯節(jié)點(diǎn)信息function editNode(){	var selectNode = tree.selectNode;	if(selectNode==null){		alert('選中一個節(jié)點(diǎn)進(jìn)行編輯操作!');		return;	}	var data = selectNode.data;	if(typeof(data) == 'string'){		data = jQuery.parseJSON(data);	}	var treeNode = new Object();	treeNode.text = $("#text").val();	treeNode.action = $("#action").val();	treeNode.id = data.id;	if(treeNode.text==''){		alert('text不能為空');		$("#text").focus();		return;	}	$.ajax({		type:'POST',		url:updateNodeUrl,		data:treeNode,		dataType:'json',		success:function(updateNode){			$("#"+selectNode.id+"-anchor").html(updateNode.text);			$("#"+selectNode.id+"-anchor").attr('href',updateNode.action);			selectNode.data = updateNode;		}	});	}