jquery.ztree.core-3.3.js 53 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612
  1. /*
  2. * JQuery zTree core 3.3
  3. * http://zTree.me/
  4. *
  5. * Copyright (c) 2010 Hunter.z
  6. *
  7. * Licensed same as jquery - MIT License
  8. * http://www.opensource.org/licenses/mit-license.php
  9. *
  10. * email: hunter.z@263.net
  11. * Date: 2012-07-16
  12. */
  13. (function($){
  14. var settings = {}, roots = {}, caches = {}, zId = 0,
  15. //default consts of core
  16. _consts = {
  17. event: {
  18. NODECREATED: "ztree_nodeCreated",
  19. CLICK: "ztree_click",
  20. EXPAND: "ztree_expand",
  21. COLLAPSE: "ztree_collapse",
  22. ASYNC_SUCCESS: "ztree_async_success",
  23. ASYNC_ERROR: "ztree_async_error"
  24. },
  25. id: {
  26. A: "_a",
  27. ICON: "_ico",
  28. SPAN: "_span",
  29. SWITCH: "_switch",
  30. UL: "_ul"
  31. },
  32. line: {
  33. ROOT: "root",
  34. ROOTS: "roots",
  35. CENTER: "center",
  36. BOTTOM: "bottom",
  37. NOLINE: "noline",
  38. LINE: "line"
  39. },
  40. folder: {
  41. OPEN: "open",
  42. CLOSE: "close",
  43. DOCU: "docu"
  44. },
  45. node: {
  46. CURSELECTED: "curSelectedNode"
  47. }
  48. },
  49. //default setting of core
  50. _setting = {
  51. treeId: "",
  52. treeObj: null,
  53. view: {
  54. addDiyDom: null,
  55. autoCancelSelected: true,
  56. dblClickExpand: true,
  57. expandSpeed: "fast",
  58. fontCss: {},
  59. nameIsHTML: false,
  60. selectedMulti: true,
  61. showIcon: true,
  62. showLine: true,
  63. showTitle: true
  64. },
  65. data: {
  66. key: {
  67. children: "children",
  68. name: "name",
  69. title: "",
  70. url: "url"
  71. },
  72. simpleData: {
  73. enable: false,
  74. idKey: "id",
  75. pIdKey: "pId",
  76. rootPId: null
  77. },
  78. keep: {
  79. parent: false,
  80. leaf: false
  81. }
  82. },
  83. async: {
  84. enable: false,
  85. contentType: "application/x-www-form-urlencoded",
  86. type: "post",
  87. dataType: "text",
  88. url: "",
  89. autoParam: [],
  90. otherParam: [],
  91. dataFilter: null
  92. },
  93. callback: {
  94. beforeAsync:null,
  95. beforeClick:null,
  96. beforeRightClick:null,
  97. beforeMouseDown:null,
  98. beforeMouseUp:null,
  99. beforeExpand:null,
  100. beforeCollapse:null,
  101. beforeRemove:null,
  102. onAsyncError:null,
  103. onAsyncSuccess:null,
  104. onNodeCreated:null,
  105. onClick:null,
  106. onRightClick:null,
  107. onMouseDown:null,
  108. onMouseUp:null,
  109. onExpand:null,
  110. onCollapse:null,
  111. onRemove:null
  112. }
  113. },
  114. //default root of core
  115. //zTree use root to save full data
  116. _initRoot = function (setting) {
  117. var r = data.getRoot(setting);
  118. if (!r) {
  119. r = {};
  120. data.setRoot(setting, r);
  121. }
  122. r[setting.data.key.children] = [];
  123. r.expandTriggerFlag = false;
  124. r.curSelectedList = [];
  125. r.noSelection = true;
  126. r.createdNodes = [];
  127. },
  128. //default cache of core
  129. _initCache = function(setting) {
  130. var c = data.getCache(setting);
  131. if (!c) {
  132. c = {};
  133. data.setCache(setting, c);
  134. }
  135. c.nodes = [];
  136. c.doms = [];
  137. },
  138. //default bindEvent of core
  139. _bindEvent = function(setting) {
  140. var o = setting.treeObj,
  141. c = consts.event;
  142. o.unbind(c.NODECREATED);
  143. o.bind(c.NODECREATED, function (event, treeId, node) {
  144. tools.apply(setting.callback.onNodeCreated, [event, treeId, node]);
  145. });
  146. o.unbind(c.CLICK);
  147. o.bind(c.CLICK, function (event, srcEvent, treeId, node, clickFlag) {
  148. tools.apply(setting.callback.onClick, [srcEvent, treeId, node, clickFlag]);
  149. });
  150. o.unbind(c.EXPAND);
  151. o.bind(c.EXPAND, function (event, treeId, node) {
  152. tools.apply(setting.callback.onExpand, [event, treeId, node]);
  153. });
  154. o.unbind(c.COLLAPSE);
  155. o.bind(c.COLLAPSE, function (event, treeId, node) {
  156. tools.apply(setting.callback.onCollapse, [event, treeId, node]);
  157. });
  158. o.unbind(c.ASYNC_SUCCESS);
  159. o.bind(c.ASYNC_SUCCESS, function (event, treeId, node, msg) {
  160. tools.apply(setting.callback.onAsyncSuccess, [event, treeId, node, msg]);
  161. });
  162. o.unbind(c.ASYNC_ERROR);
  163. o.bind(c.ASYNC_ERROR, function (event, treeId, node, XMLHttpRequest, textStatus, errorThrown) {
  164. tools.apply(setting.callback.onAsyncError, [event, treeId, node, XMLHttpRequest, textStatus, errorThrown]);
  165. });
  166. },
  167. //default event proxy of core
  168. _eventProxy = function(event) {
  169. var target = event.target,
  170. setting = settings[event.data.treeId],
  171. tId = "", node = null,
  172. nodeEventType = "", treeEventType = "",
  173. nodeEventCallback = null, treeEventCallback = null,
  174. tmp = null;
  175. if (tools.eqs(event.type, "mousedown")) {
  176. treeEventType = "mousedown";
  177. } else if (tools.eqs(event.type, "mouseup")) {
  178. treeEventType = "mouseup";
  179. } else if (tools.eqs(event.type, "contextmenu")) {
  180. treeEventType = "contextmenu";
  181. } else if (tools.eqs(event.type, "click")) {
  182. if (tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.SWITCH) !== null) {
  183. tId = target.parentNode.id;
  184. nodeEventType = "switchNode";
  185. } else {
  186. tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
  187. if (tmp) {
  188. tId = tmp.parentNode.id;
  189. nodeEventType = "clickNode";
  190. }
  191. }
  192. } else if (tools.eqs(event.type, "dblclick")) {
  193. treeEventType = "dblclick";
  194. tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
  195. if (tmp) {
  196. tId = tmp.parentNode.id;
  197. nodeEventType = "switchNode";
  198. }
  199. }
  200. if (treeEventType.length > 0 && tId.length == 0) {
  201. tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]);
  202. if (tmp) {tId = tmp.parentNode.id;}
  203. }
  204. // event to node
  205. if (tId.length>0) {
  206. node = data.getNodeCache(setting, tId);
  207. switch (nodeEventType) {
  208. case "switchNode" :
  209. if (!node.isParent) {
  210. nodeEventType = "";
  211. } else if (tools.eqs(event.type, "click")
  212. || (tools.eqs(event.type, "dblclick") && tools.apply(setting.view.dblClickExpand, [setting.treeId, node], setting.view.dblClickExpand))) {
  213. nodeEventCallback = handler.onSwitchNode;
  214. } else {
  215. nodeEventType = "";
  216. }
  217. break;
  218. case "clickNode" :
  219. nodeEventCallback = handler.onClickNode;
  220. break;
  221. }
  222. }
  223. // event to zTree
  224. switch (treeEventType) {
  225. case "mousedown" :
  226. treeEventCallback = handler.onZTreeMousedown;
  227. break;
  228. case "mouseup" :
  229. treeEventCallback = handler.onZTreeMouseup;
  230. break;
  231. case "dblclick" :
  232. treeEventCallback = handler.onZTreeDblclick;
  233. break;
  234. case "contextmenu" :
  235. treeEventCallback = handler.onZTreeContextmenu;
  236. break;
  237. }
  238. var proxyResult = {
  239. stop: false,
  240. node: node,
  241. nodeEventType: nodeEventType,
  242. nodeEventCallback: nodeEventCallback,
  243. treeEventType: treeEventType,
  244. treeEventCallback: treeEventCallback
  245. };
  246. return proxyResult
  247. },
  248. //default init node of core
  249. _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
  250. if (!n) return;
  251. var childKey = setting.data.key.children;
  252. n.level = level;
  253. n.tId = setting.treeId + "_" + (++zId);
  254. n.parentTId = parentNode ? parentNode.tId : null;
  255. if (n[childKey] && n[childKey].length > 0) {
  256. if (typeof n.open == "string") n.open = tools.eqs(n.open, "true");
  257. n.open = !!n.open;
  258. n.isParent = true;
  259. n.zAsync = true;
  260. } else {
  261. n.open = false;
  262. if (typeof n.isParent == "string") n.isParent = tools.eqs(n.isParent, "true");
  263. n.isParent = !!n.isParent;
  264. n.zAsync = !n.isParent;
  265. }
  266. n.isFirstNode = isFirstNode;
  267. n.isLastNode = isLastNode;
  268. n.getParentNode = function() {return data.getNodeCache(setting, n.parentTId);};
  269. n.getPreNode = function() {return data.getPreNode(setting, n);};
  270. n.getNextNode = function() {return data.getNextNode(setting, n);};
  271. n.isAjaxing = false;
  272. data.fixPIdKeyValue(setting, n);
  273. },
  274. _init = {
  275. bind: [_bindEvent],
  276. caches: [_initCache],
  277. nodes: [_initNode],
  278. proxys: [_eventProxy],
  279. roots: [_initRoot],
  280. beforeA: [],
  281. afterA: [],
  282. innerBeforeA: [],
  283. innerAfterA: [],
  284. zTreeTools: []
  285. },
  286. //method of operate data
  287. data = {
  288. addNodeCache: function(setting, node) {
  289. data.getCache(setting).nodes[node.tId] = node;
  290. },
  291. addAfterA: function(afterA) {
  292. _init.afterA.push(afterA);
  293. },
  294. addBeforeA: function(beforeA) {
  295. _init.beforeA.push(beforeA);
  296. },
  297. addInnerAfterA: function(innerAfterA) {
  298. _init.innerAfterA.push(innerAfterA);
  299. },
  300. addInnerBeforeA: function(innerBeforeA) {
  301. _init.innerBeforeA.push(innerBeforeA);
  302. },
  303. addInitBind: function(bindEvent) {
  304. _init.bind.push(bindEvent);
  305. },
  306. addInitCache: function(initCache) {
  307. _init.caches.push(initCache);
  308. },
  309. addInitNode: function(initNode) {
  310. _init.nodes.push(initNode);
  311. },
  312. addInitProxy: function(initProxy) {
  313. _init.proxys.push(initProxy);
  314. },
  315. addInitRoot: function(initRoot) {
  316. _init.roots.push(initRoot);
  317. },
  318. addNodesData: function(setting, parentNode, nodes) {
  319. var childKey = setting.data.key.children;
  320. if (!parentNode[childKey]) parentNode[childKey] = [];
  321. if (parentNode[childKey].length > 0) {
  322. parentNode[childKey][parentNode[childKey].length - 1].isLastNode = false;
  323. view.setNodeLineIcos(setting, parentNode[childKey][parentNode[childKey].length - 1]);
  324. }
  325. parentNode.isParent = true;
  326. parentNode[childKey] = parentNode[childKey].concat(nodes);
  327. },
  328. addSelectedNode: function(setting, node) {
  329. var root = data.getRoot(setting);
  330. if (!data.isSelectedNode(setting, node)) {
  331. root.curSelectedList.push(node);
  332. }
  333. },
  334. addCreatedNode: function(setting, node) {
  335. if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
  336. var root = data.getRoot(setting);
  337. root.createdNodes.push(node);
  338. }
  339. },
  340. addZTreeTools: function(zTreeTools) {
  341. _init.zTreeTools.push(zTreeTools);
  342. },
  343. exSetting: function(s) {
  344. $.extend(true, _setting, s);
  345. },
  346. fixPIdKeyValue: function(setting, node) {
  347. if (setting.data.simpleData.enable) {
  348. node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId;
  349. }
  350. },
  351. getAfterA: function(setting, node, array) {
  352. for (var i=0, j=_init.afterA.length; i<j; i++) {
  353. _init.afterA[i].apply(this, arguments);
  354. }
  355. },
  356. getBeforeA: function(setting, node, array) {
  357. for (var i=0, j=_init.beforeA.length; i<j; i++) {
  358. _init.beforeA[i].apply(this, arguments);
  359. }
  360. },
  361. getInnerAfterA: function(setting, node, array) {
  362. for (var i=0, j=_init.innerAfterA.length; i<j; i++) {
  363. _init.innerAfterA[i].apply(this, arguments);
  364. }
  365. },
  366. getInnerBeforeA: function(setting, node, array) {
  367. for (var i=0, j=_init.innerBeforeA.length; i<j; i++) {
  368. _init.innerBeforeA[i].apply(this, arguments);
  369. }
  370. },
  371. getCache: function(setting) {
  372. return caches[setting.treeId];
  373. },
  374. getNextNode: function(setting, node) {
  375. if (!node) return null;
  376. var childKey = setting.data.key.children,
  377. p = node.parentTId ? node.getParentNode() : data.getRoot(setting);
  378. for (var i=0, l=p[childKey].length-1; i<=l; i++) {
  379. if (p[childKey][i] === node) {
  380. return (i==l ? null : p[childKey][i+1]);
  381. }
  382. }
  383. return null;
  384. },
  385. getNodeByParam: function(setting, nodes, key, value) {
  386. if (!nodes || !key) return null;
  387. var childKey = setting.data.key.children;
  388. for (var i = 0, l = nodes.length; i < l; i++) {
  389. if (nodes[i][key] == value) {
  390. return nodes[i];
  391. }
  392. var tmp = data.getNodeByParam(setting, nodes[i][childKey], key, value);
  393. if (tmp) return tmp;
  394. }
  395. return null;
  396. },
  397. getNodeCache: function(setting, tId) {
  398. if (!tId) return null;
  399. var n = caches[setting.treeId].nodes[tId];
  400. return n ? n : null;
  401. },
  402. getNodes: function(setting) {
  403. return data.getRoot(setting)[setting.data.key.children];
  404. },
  405. getNodesByParam: function(setting, nodes, key, value) {
  406. if (!nodes || !key) return [];
  407. var childKey = setting.data.key.children,
  408. result = [];
  409. for (var i = 0, l = nodes.length; i < l; i++) {
  410. if (nodes[i][key] == value) {
  411. result.push(nodes[i]);
  412. }
  413. result = result.concat(data.getNodesByParam(setting, nodes[i][childKey], key, value));
  414. }
  415. return result;
  416. },
  417. getNodesByParamFuzzy: function(setting, nodes, key, value) {
  418. if (!nodes || !key) return [];
  419. var childKey = setting.data.key.children,
  420. result = [];
  421. for (var i = 0, l = nodes.length; i < l; i++) {
  422. if (typeof nodes[i][key] == "string" && nodes[i][key].indexOf(value)>-1) {
  423. result.push(nodes[i]);
  424. }
  425. result = result.concat(data.getNodesByParamFuzzy(setting, nodes[i][childKey], key, value));
  426. }
  427. return result;
  428. },
  429. getNodesByFilter: function(setting, nodes, filter, isSingle, invokeParam) {
  430. if (!nodes) return (isSingle ? null : []);
  431. var childKey = setting.data.key.children,
  432. result = isSingle ? null : [];
  433. for (var i = 0, l = nodes.length; i < l; i++) {
  434. if (tools.apply(filter, [nodes[i], invokeParam], false)) {
  435. if (isSingle) {return nodes[i];}
  436. result.push(nodes[i]);
  437. }
  438. var tmpResult = data.getNodesByFilter(setting, nodes[i][childKey], filter, isSingle, invokeParam);
  439. if (isSingle && !!tmpResult) {return tmpResult;}
  440. result = isSingle ? tmpResult : result.concat(tmpResult);
  441. }
  442. return result;
  443. },
  444. getPreNode: function(setting, node) {
  445. if (!node) return null;
  446. var childKey = setting.data.key.children,
  447. p = node.parentTId ? node.getParentNode() : data.getRoot(setting);
  448. for (var i=0, l=p[childKey].length; i<l; i++) {
  449. if (p[childKey][i] === node) {
  450. return (i==0 ? null : p[childKey][i-1]);
  451. }
  452. }
  453. return null;
  454. },
  455. getRoot: function(setting) {
  456. return setting ? roots[setting.treeId] : null;
  457. },
  458. getSetting: function(treeId) {
  459. return settings[treeId];
  460. },
  461. getSettings: function() {
  462. return settings;
  463. },
  464. getTitleKey: function(setting) {
  465. return setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title;
  466. },
  467. getZTreeTools: function(treeId) {
  468. var r = this.getRoot(this.getSetting(treeId));
  469. return r ? r.treeTools : null;
  470. },
  471. initCache: function(setting) {
  472. for (var i=0, j=_init.caches.length; i<j; i++) {
  473. _init.caches[i].apply(this, arguments);
  474. }
  475. },
  476. initNode: function(setting, level, node, parentNode, preNode, nextNode) {
  477. for (var i=0, j=_init.nodes.length; i<j; i++) {
  478. _init.nodes[i].apply(this, arguments);
  479. }
  480. },
  481. initRoot: function(setting) {
  482. for (var i=0, j=_init.roots.length; i<j; i++) {
  483. _init.roots[i].apply(this, arguments);
  484. }
  485. },
  486. isSelectedNode: function(setting, node) {
  487. var root = data.getRoot(setting);
  488. for (var i=0, j=root.curSelectedList.length; i<j; i++) {
  489. if(node === root.curSelectedList[i]) return true;
  490. }
  491. return false;
  492. },
  493. removeNodeCache: function(setting, node) {
  494. var childKey = setting.data.key.children;
  495. if (node[childKey]) {
  496. for (var i=0, l=node[childKey].length; i<l; i++) {
  497. arguments.callee(setting, node[childKey][i]);
  498. }
  499. }
  500. delete data.getCache(setting).nodes[node.tId];
  501. },
  502. removeSelectedNode: function(setting, node) {
  503. var root = data.getRoot(setting);
  504. for (var i=0, j=root.curSelectedList.length; i<j; i++) {
  505. if(node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) {
  506. root.curSelectedList.splice(i, 1);
  507. i--;j--;
  508. }
  509. }
  510. },
  511. setCache: function(setting, cache) {
  512. caches[setting.treeId] = cache;
  513. },
  514. setRoot: function(setting, root) {
  515. roots[setting.treeId] = root;
  516. },
  517. setZTreeTools: function(setting, zTreeTools) {
  518. for (var i=0, j=_init.zTreeTools.length; i<j; i++) {
  519. _init.zTreeTools[i].apply(this, arguments);
  520. }
  521. },
  522. transformToArrayFormat: function (setting, nodes) {
  523. if (!nodes) return [];
  524. var childKey = setting.data.key.children,
  525. r = [];
  526. if (tools.isArray(nodes)) {
  527. for (var i=0, l=nodes.length; i<l; i++) {
  528. r.push(nodes[i]);
  529. if (nodes[i][childKey])
  530. r = r.concat(data.transformToArrayFormat(setting, nodes[i][childKey]));
  531. }
  532. } else {
  533. r.push(nodes);
  534. if (nodes[childKey])
  535. r = r.concat(data.transformToArrayFormat(setting, nodes[childKey]));
  536. }
  537. return r;
  538. },
  539. transformTozTreeFormat: function(setting, sNodes) {
  540. var i,l,
  541. key = setting.data.simpleData.idKey,
  542. parentKey = setting.data.simpleData.pIdKey,
  543. childKey = setting.data.key.children;
  544. if (!key || key=="" || !sNodes) return [];
  545. if (tools.isArray(sNodes)) {
  546. var r = [];
  547. var tmpMap = [];
  548. for (i=0, l=sNodes.length; i<l; i++) {
  549. tmpMap[sNodes[i][key]] = sNodes[i];
  550. }
  551. for (i=0, l=sNodes.length; i<l; i++) {
  552. if (tmpMap[sNodes[i][parentKey]] && sNodes[i][key] != sNodes[i][parentKey]) {
  553. if (!tmpMap[sNodes[i][parentKey]][childKey])
  554. tmpMap[sNodes[i][parentKey]][childKey] = [];
  555. tmpMap[sNodes[i][parentKey]][childKey].push(sNodes[i]);
  556. } else {
  557. r.push(sNodes[i]);
  558. }
  559. }
  560. return r;
  561. }else {
  562. return [sNodes];
  563. }
  564. }
  565. },
  566. //method of event proxy
  567. event = {
  568. bindEvent: function(setting) {
  569. for (var i=0, j=_init.bind.length; i<j; i++) {
  570. _init.bind[i].apply(this, arguments);
  571. }
  572. },
  573. bindTree: function(setting) {
  574. var eventParam = {
  575. treeId: setting.treeId
  576. },
  577. o = setting.treeObj;
  578. o.unbind('click', event.proxy);
  579. o.bind('click', eventParam, event.proxy);
  580. o.unbind('dblclick', event.proxy);
  581. o.bind('dblclick', eventParam, event.proxy);
  582. o.unbind('mouseover', event.proxy);
  583. o.bind('mouseover', eventParam, event.proxy);
  584. o.unbind('mouseout', event.proxy);
  585. o.bind('mouseout', eventParam, event.proxy);
  586. o.unbind('mousedown', event.proxy);
  587. o.bind('mousedown', eventParam, event.proxy);
  588. o.unbind('mouseup', event.proxy);
  589. o.bind('mouseup', eventParam, event.proxy);
  590. o.unbind('contextmenu', event.proxy);
  591. o.bind('contextmenu', eventParam, event.proxy);
  592. },
  593. doProxy: function(e) {
  594. var results = [];
  595. for (var i=0, j=_init.proxys.length; i<j; i++) {
  596. var proxyResult = _init.proxys[i].apply(this, arguments);
  597. results.push(proxyResult);
  598. if (proxyResult.stop) {
  599. break;
  600. }
  601. }
  602. return results;
  603. },
  604. proxy: function(e) {
  605. var setting = data.getSetting(e.data.treeId);
  606. if (!tools.uCanDo(setting, e)) return true;
  607. var results = event.doProxy(e),
  608. r = true, x = false;
  609. for (var i=0, l=results.length; i<l; i++) {
  610. var proxyResult = results[i];
  611. if (proxyResult.nodeEventCallback) {
  612. x = true;
  613. r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
  614. }
  615. if (proxyResult.treeEventCallback) {
  616. x = true;
  617. r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r;
  618. }
  619. }
  620. try{
  621. if (x && $("input:focus").length == 0) {
  622. tools.noSel(setting);
  623. }
  624. } catch(e) {}
  625. return r;
  626. }
  627. },
  628. //method of event handler
  629. handler = {
  630. onSwitchNode: function (event, node) {
  631. var setting = settings[event.data.treeId];
  632. if (node.open) {
  633. if (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false) return true;
  634. data.getRoot(setting).expandTriggerFlag = true;
  635. view.switchNode(setting, node);
  636. } else {
  637. if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true;
  638. data.getRoot(setting).expandTriggerFlag = true;
  639. view.switchNode(setting, node);
  640. }
  641. return true;
  642. },
  643. onClickNode: function (event, node) {
  644. var setting = settings[event.data.treeId],
  645. clickFlag = ( (setting.view.autoCancelSelected && event.ctrlKey) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && event.ctrlKey && setting.view.selectedMulti) ? 2 : 1;
  646. if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true;
  647. if (clickFlag === 0) {
  648. view.cancelPreSelectedNode(setting, node);
  649. } else {
  650. view.selectNode(setting, node, clickFlag === 2);
  651. }
  652. setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]);
  653. return true;
  654. },
  655. onZTreeMousedown: function(event, node) {
  656. var setting = settings[event.data.treeId];
  657. if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) {
  658. tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]);
  659. }
  660. return true;
  661. },
  662. onZTreeMouseup: function(event, node) {
  663. var setting = settings[event.data.treeId];
  664. if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) {
  665. tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]);
  666. }
  667. return true;
  668. },
  669. onZTreeDblclick: function(event, node) {
  670. var setting = settings[event.data.treeId];
  671. if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) {
  672. tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]);
  673. }
  674. return true;
  675. },
  676. onZTreeContextmenu: function(event, node) {
  677. var setting = settings[event.data.treeId];
  678. if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) {
  679. tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]);
  680. }
  681. return (typeof setting.callback.onRightClick) != "function";
  682. }
  683. },
  684. //method of tools for zTree
  685. tools = {
  686. apply: function(fun, param, defaultValue) {
  687. if ((typeof fun) == "function") {
  688. return fun.apply(zt, param?param:[]);
  689. }
  690. return defaultValue;
  691. },
  692. canAsync: function(setting, node) {
  693. var childKey = setting.data.key.children;
  694. return (setting.async.enable && node && node.isParent && !(node.zAsync || (node[childKey] && node[childKey].length > 0)));
  695. },
  696. clone: function (jsonObj) {
  697. var buf;
  698. if (jsonObj instanceof Array) {
  699. buf = [];
  700. var i = jsonObj.length;
  701. while (i--) {
  702. buf[i] = arguments.callee(jsonObj[i]);
  703. }
  704. return buf;
  705. }else if (typeof jsonObj == "function"){
  706. return jsonObj;
  707. }else if (jsonObj instanceof Object){
  708. buf = {};
  709. for (var k in jsonObj) {
  710. buf[k] = arguments.callee(jsonObj[k]);
  711. }
  712. return buf;
  713. }else{
  714. return jsonObj;
  715. }
  716. },
  717. eqs: function(str1, str2) {
  718. return str1.toLowerCase() === str2.toLowerCase();
  719. },
  720. isArray: function(arr) {
  721. return Object.prototype.toString.apply(arr) === "[object Array]";
  722. },
  723. getMDom: function (setting, curDom, targetExpr) {
  724. if (!curDom) return null;
  725. while (curDom && curDom.id !== setting.treeId) {
  726. for (var i=0, l=targetExpr.length; curDom.tagName && i<l; i++) {
  727. if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) {
  728. return curDom;
  729. }
  730. }
  731. curDom = curDom.parentNode;
  732. }
  733. return null;
  734. },
  735. noSel: function(setting) {
  736. var r = data.getRoot(setting);
  737. if (r.noSelection) {
  738. try {
  739. window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
  740. } catch(e){}
  741. }
  742. },
  743. uCanDo: function(setting, e) {
  744. return true;
  745. }
  746. },
  747. //method of operate ztree dom
  748. view = {
  749. addNodes: function(setting, parentNode, newNodes, isSilent) {
  750. if (setting.data.keep.leaf && parentNode && !parentNode.isParent) {
  751. return;
  752. }
  753. if (!tools.isArray(newNodes)) {
  754. newNodes = [newNodes];
  755. }
  756. if (setting.data.simpleData.enable) {
  757. newNodes = data.transformTozTreeFormat(setting, newNodes);
  758. }
  759. if (parentNode) {
  760. var target_switchObj = $("#" + parentNode.tId + consts.id.SWITCH),
  761. target_icoObj = $("#" + parentNode.tId + consts.id.ICON),
  762. target_ulObj = $("#" + parentNode.tId + consts.id.UL);
  763. if (!parentNode.open) {
  764. view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE);
  765. view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE);
  766. parentNode.open = false;
  767. target_ulObj.css({
  768. "display": "none"
  769. });
  770. }
  771. data.addNodesData(setting, parentNode, newNodes);
  772. view.createNodes(setting, parentNode.level + 1, newNodes, parentNode);
  773. if (!isSilent) {
  774. view.expandCollapseParentNode(setting, parentNode, true);
  775. }
  776. } else {
  777. data.addNodesData(setting, data.getRoot(setting), newNodes);
  778. view.createNodes(setting, 0, newNodes, null);
  779. }
  780. },
  781. appendNodes: function(setting, level, nodes, parentNode, initFlag, openFlag) {
  782. if (!nodes) return [];
  783. var html = [],
  784. childKey = setting.data.key.children;
  785. for (var i = 0, l = nodes.length; i < l; i++) {
  786. var node = nodes[i];
  787. if (initFlag) {
  788. var tmpPNode = (parentNode) ? parentNode: data.getRoot(setting),
  789. tmpPChild = tmpPNode[childKey],
  790. isFirstNode = ((tmpPChild.length == nodes.length) && (i == 0)),
  791. isLastNode = (i == (nodes.length - 1));
  792. data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag);
  793. data.addNodeCache(setting, node);
  794. }
  795. var childHtml = [];
  796. if (node[childKey] && node[childKey].length > 0) {
  797. //make child html first, because checkType
  798. childHtml = view.appendNodes(setting, level + 1, node[childKey], node, initFlag, openFlag && node.open);
  799. }
  800. if (openFlag) {
  801. view.makeDOMNodeMainBefore(html, setting, node);
  802. view.makeDOMNodeLine(html, setting, node);
  803. data.getBeforeA(setting, node, html);
  804. view.makeDOMNodeNameBefore(html, setting, node);
  805. data.getInnerBeforeA(setting, node, html);
  806. view.makeDOMNodeIcon(html, setting, node);
  807. data.getInnerAfterA(setting, node, html);
  808. view.makeDOMNodeNameAfter(html, setting, node);
  809. data.getAfterA(setting, node, html);
  810. if (node.isParent && node.open) {
  811. view.makeUlHtml(setting, node, html, childHtml.join(''));
  812. }
  813. view.makeDOMNodeMainAfter(html, setting, node);
  814. data.addCreatedNode(setting, node);
  815. }
  816. }
  817. return html;
  818. },
  819. appendParentULDom: function(setting, node) {
  820. var html = [],
  821. nObj = $("#" + node.tId),
  822. ulObj = $("#" + node.tId + consts.id.UL),
  823. childKey = setting.data.key.children,
  824. childHtml = view.appendNodes(setting, node.level+1, node[childKey], node, false, true);
  825. view.makeUlHtml(setting, node, html, childHtml.join(''));
  826. if (!nObj.get(0) && !!node.parentTId) {
  827. view.appendParentULDom(setting, node.getParentNode());
  828. nObj = $("#" + node.tId);
  829. }
  830. if (ulObj.get(0)) {
  831. ulObj.remove();
  832. }
  833. nObj.append(html.join(''));
  834. },
  835. asyncNode: function(setting, node, isSilent, callback) {
  836. var i, l;
  837. if (node && !node.isParent) {
  838. tools.apply(callback);
  839. return false;
  840. } else if (node && node.isAjaxing) {
  841. return false;
  842. } else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) {
  843. tools.apply(callback);
  844. return false;
  845. }
  846. if (node) {
  847. node.isAjaxing = true;
  848. var icoObj = $("#" + node.tId + consts.id.ICON);
  849. icoObj.attr({"style":"", "class":"button ico_loading"});
  850. }
  851. var isJson = (setting.async.contentType == "application/json"), tmpParam = isJson ? "{" : "", jTemp="";
  852. for (i = 0, l = setting.async.autoParam.length; node && i < l; i++) {
  853. var pKey = setting.async.autoParam[i].split("="), spKey = pKey;
  854. if (pKey.length>1) {
  855. spKey = pKey[1];
  856. pKey = pKey[0];
  857. }
  858. if (isJson) {
  859. jTemp = (typeof node[pKey] == "string") ? '"' : '';
  860. tmpParam += '"' + spKey + ('":' + jTemp + node[pKey]).replace(/'/g,'\\\'') + jTemp + ',';
  861. } else {
  862. tmpParam += spKey + ("=" + node[pKey]).replace(/&/g,'%26') + "&";
  863. }
  864. }
  865. if (tools.isArray(setting.async.otherParam)) {
  866. for (i = 0, l = setting.async.otherParam.length; i < l; i += 2) {
  867. if (isJson) {
  868. jTemp = (typeof setting.async.otherParam[i + 1] == "string") ? '"' : '';
  869. tmpParam += '"' + setting.async.otherParam[i] + ('":' + jTemp + setting.async.otherParam[i + 1]).replace(/'/g,'\\\'') + jTemp + ",";
  870. } else {
  871. tmpParam += setting.async.otherParam[i] + ("=" + setting.async.otherParam[i + 1]).replace(/&/g,'%26') + "&";
  872. }
  873. }
  874. } else {
  875. for (var p in setting.async.otherParam) {
  876. if (isJson) {
  877. jTemp = (typeof setting.async.otherParam[p] == "string") ? '"' : '';
  878. tmpParam += '"' + p + ('":' + jTemp + setting.async.otherParam[p]).replace(/'/g,'\\\'') + jTemp + ",";
  879. } else {
  880. tmpParam += p + ("=" + setting.async.otherParam[p]).replace(/&/g,'%26') + "&";
  881. }
  882. }
  883. }
  884. if (tmpParam.length > 1) tmpParam = tmpParam.substring(0, tmpParam.length-1);
  885. if (isJson) tmpParam += "}";
  886. $.ajax({
  887. contentType: setting.async.contentType,
  888. type: setting.async.type,
  889. url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url),
  890. data: tmpParam,
  891. dataType: setting.async.dataType,
  892. success: function(msg) {
  893. var newNodes = [];
  894. try {
  895. if (!msg || msg.length == 0) {
  896. newNodes = [];
  897. } else if (typeof msg == "string") {
  898. newNodes = eval("(" + msg + ")");
  899. } else {
  900. newNodes = msg;
  901. }
  902. } catch(err) {}
  903. if (node) {
  904. node.isAjaxing = null;
  905. node.zAsync = true;
  906. }
  907. view.setNodeLineIcos(setting, node);
  908. if (newNodes && newNodes !== "") {
  909. newNodes = tools.apply(setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes);
  910. view.addNodes(setting, node, !!newNodes ? tools.clone(newNodes) : [], !!isSilent);
  911. } else {
  912. view.addNodes(setting, node, [], !!isSilent);
  913. }
  914. setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]);
  915. tools.apply(callback);
  916. },
  917. error: function(XMLHttpRequest, textStatus, errorThrown) {
  918. if (node) node.isAjaxing = null;
  919. view.setNodeLineIcos(setting, node);
  920. setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]);
  921. }
  922. });
  923. return true;
  924. },
  925. cancelPreSelectedNode: function (setting, node) {
  926. var list = data.getRoot(setting).curSelectedList;
  927. for (var i=0, j=list.length-1; j>=i; j--) {
  928. if (!node || node === list[j]) {
  929. $("#" + list[j].tId + consts.id.A).removeClass(consts.node.CURSELECTED);
  930. view.setNodeName(setting, list[j]);
  931. if (node) {
  932. data.removeSelectedNode(setting, node);
  933. break;
  934. }
  935. }
  936. }
  937. if (!node) data.getRoot(setting).curSelectedList = [];
  938. },
  939. createNodeCallback: function(setting) {
  940. if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) {
  941. var root = data.getRoot(setting);
  942. while (root.createdNodes.length>0) {
  943. var node = root.createdNodes.shift();
  944. tools.apply(setting.view.addDiyDom, [setting.treeId, node]);
  945. if (!!setting.callback.onNodeCreated) {
  946. setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node]);
  947. }
  948. }
  949. }
  950. },
  951. createNodes: function(setting, level, nodes, parentNode) {
  952. if (!nodes || nodes.length == 0) return;
  953. var root = data.getRoot(setting),
  954. childKey = setting.data.key.children,
  955. openFlag = !parentNode || parentNode.open || !!$("#" + parentNode[childKey][0].tId).get(0);
  956. root.createdNodes = [];
  957. var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, true, openFlag);
  958. if (!parentNode) {
  959. setting.treeObj.append(zTreeHtml.join(''));
  960. } else {
  961. var ulObj = $("#" + parentNode.tId + consts.id.UL);
  962. if (ulObj.get(0)) {
  963. ulObj.append(zTreeHtml.join(''));
  964. }
  965. }
  966. view.createNodeCallback(setting);
  967. },
  968. expandCollapseNode: function(setting, node, expandFlag, animateFlag, callback) {
  969. var root = data.getRoot(setting),
  970. childKey = setting.data.key.children;
  971. if (!node) {
  972. tools.apply(callback, []);
  973. return;
  974. }
  975. if (root.expandTriggerFlag) {
  976. var _callback = callback;
  977. callback = function(){
  978. if (_callback) _callback();
  979. if (node.open) {
  980. setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]);
  981. } else {
  982. setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]);
  983. }
  984. };
  985. root.expandTriggerFlag = false;
  986. }
  987. if (node.open == expandFlag) {
  988. tools.apply(callback, []);
  989. return;
  990. }
  991. if (!node.open && node.isParent && ((!$("#" + node.tId + consts.id.UL).get(0)) || (node[childKey] && node[childKey].length>0 && !$("#" + node[childKey][0].tId).get(0)))) {
  992. view.appendParentULDom(setting, node);
  993. view.createNodeCallback(setting);
  994. }
  995. var ulObj = $("#" + node.tId + consts.id.UL),
  996. switchObj = $("#" + node.tId + consts.id.SWITCH),
  997. icoObj = $("#" + node.tId + consts.id.ICON);
  998. if (node.isParent) {
  999. node.open = !node.open;
  1000. if (node.iconOpen && node.iconClose) {
  1001. icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
  1002. }
  1003. if (node.open) {
  1004. view.replaceSwitchClass(node, switchObj, consts.folder.OPEN);
  1005. view.replaceIcoClass(node, icoObj, consts.folder.OPEN);
  1006. if (animateFlag == false || setting.view.expandSpeed == "") {
  1007. ulObj.show();
  1008. tools.apply(callback, []);
  1009. } else {
  1010. if (node[childKey] && node[childKey].length > 0) {
  1011. ulObj.slideDown(setting.view.expandSpeed, callback);
  1012. } else {
  1013. ulObj.show();
  1014. tools.apply(callback, []);
  1015. }
  1016. }
  1017. } else {
  1018. view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE);
  1019. view.replaceIcoClass(node, icoObj, consts.folder.CLOSE);
  1020. if (animateFlag == false || setting.view.expandSpeed == "" || !(node[childKey] && node[childKey].length > 0)) {
  1021. ulObj.hide();
  1022. tools.apply(callback, []);
  1023. } else {
  1024. ulObj.slideUp(setting.view.expandSpeed, callback);
  1025. }
  1026. }
  1027. } else {
  1028. tools.apply(callback, []);
  1029. }
  1030. },
  1031. expandCollapseParentNode: function(setting, node, expandFlag, animateFlag, callback) {
  1032. if (!node) return;
  1033. if (!node.parentTId) {
  1034. view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback);
  1035. return;
  1036. } else {
  1037. view.expandCollapseNode(setting, node, expandFlag, animateFlag);
  1038. }
  1039. if (node.parentTId) {
  1040. view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback);
  1041. }
  1042. },
  1043. expandCollapseSonNode: function(setting, node, expandFlag, animateFlag, callback) {
  1044. var root = data.getRoot(setting),
  1045. childKey = setting.data.key.children,
  1046. treeNodes = (node) ? node[childKey]: root[childKey],
  1047. selfAnimateSign = (node) ? false : animateFlag,
  1048. expandTriggerFlag = data.getRoot(setting).expandTriggerFlag;
  1049. data.getRoot(setting).expandTriggerFlag = false;
  1050. if (treeNodes) {
  1051. for (var i = 0, l = treeNodes.length; i < l; i++) {
  1052. if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign);
  1053. }
  1054. }
  1055. data.getRoot(setting).expandTriggerFlag = expandTriggerFlag;
  1056. view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback );
  1057. },
  1058. makeDOMNodeIcon: function(html, setting, node) {
  1059. var nameKey = setting.data.key.name,
  1060. name = setting.view.nameIsHTML ? node[nameKey] : node[nameKey].replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
  1061. html.push("<span id='", node.tId, consts.id.ICON,
  1062. "' title='' treeNode", consts.id.ICON," class='", view.makeNodeIcoClass(setting, node),
  1063. "' style='", view.makeNodeIcoStyle(setting, node), "'></span><span id='", node.tId, consts.id.SPAN,
  1064. "'>",name,"</span>");
  1065. },
  1066. makeDOMNodeLine: function(html, setting, node) {
  1067. html.push("<span id='", node.tId, consts.id.SWITCH, "' title='' class='", view.makeNodeLineClass(setting, node), "' treeNode", consts.id.SWITCH,"></span>");
  1068. },
  1069. makeDOMNodeMainAfter: function(html, setting, node) {
  1070. html.push("</li>");
  1071. },
  1072. makeDOMNodeMainBefore: function(html, setting, node) {
  1073. html.push("<li id='", node.tId, "' class='level", node.level,"' tabindex='0' hidefocus='true' treenode>");
  1074. },
  1075. makeDOMNodeNameAfter: function(html, setting, node) {
  1076. html.push("</a>");
  1077. },
  1078. makeDOMNodeNameBefore: function(html, setting, node) {
  1079. var titleKey = data.getTitleKey(setting),
  1080. url = view.makeNodeUrl(setting, node),
  1081. fontcss = view.makeNodeFontCss(setting, node),
  1082. fontStyle = [];
  1083. for (var f in fontcss) {
  1084. fontStyle.push(f, ":", fontcss[f], ";");
  1085. }
  1086. html.push("<a id='", node.tId, consts.id.A, "' class='level", node.level,"' treeNode", consts.id.A," onclick=\"", (node.click || ''),
  1087. "\" ", ((url != null && url.length > 0) ? "href='" + url + "'" : ""), " target='",view.makeNodeTarget(node),"' style='", fontStyle.join(''),
  1088. "'");
  1089. if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && node[titleKey]) {html.push("title='", node[titleKey].replace(/'/g,"&#39;").replace(/</g,'&lt;').replace(/>/g,'&gt;'),"'");}
  1090. html.push(">");
  1091. },
  1092. makeNodeFontCss: function(setting, node) {
  1093. var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss);
  1094. return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {};
  1095. },
  1096. makeNodeIcoClass: function(setting, node) {
  1097. var icoCss = ["ico"];
  1098. if (!node.isAjaxing) {
  1099. icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0];
  1100. if (node.isParent) {
  1101. icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
  1102. } else {
  1103. icoCss.push(consts.folder.DOCU);
  1104. }
  1105. }
  1106. return "button " + icoCss.join('_');
  1107. },
  1108. makeNodeIcoStyle: function(setting, node) {
  1109. var icoStyle = [];
  1110. if (!node.isAjaxing) {
  1111. var icon = (node.isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node.icon;
  1112. if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;");
  1113. if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) {
  1114. icoStyle.push("width:0px;height:0px;");
  1115. }
  1116. }
  1117. return icoStyle.join('');
  1118. },
  1119. makeNodeLineClass: function(setting, node) {
  1120. var lineClass = [];
  1121. if (setting.view.showLine) {
  1122. if (node.level == 0 && node.isFirstNode && node.isLastNode) {
  1123. lineClass.push(consts.line.ROOT);
  1124. } else if (node.level == 0 && node.isFirstNode) {
  1125. lineClass.push(consts.line.ROOTS);
  1126. } else if (node.isLastNode) {
  1127. lineClass.push(consts.line.BOTTOM);
  1128. } else {
  1129. lineClass.push(consts.line.CENTER);
  1130. }
  1131. } else {
  1132. lineClass.push(consts.line.NOLINE);
  1133. }
  1134. if (node.isParent) {
  1135. lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE);
  1136. } else {
  1137. lineClass.push(consts.folder.DOCU);
  1138. }
  1139. return view.makeNodeLineClassEx(node) + lineClass.join('_');
  1140. },
  1141. makeNodeLineClassEx: function(node) {
  1142. return "button level" + node.level + " switch ";
  1143. },
  1144. makeNodeTarget: function(node) {
  1145. return (node.target || "_blank");
  1146. },
  1147. makeNodeUrl: function(setting, node) {
  1148. var urlKey = setting.data.key.url;
  1149. return node[urlKey] ? node[urlKey] : null;
  1150. },
  1151. makeUlHtml: function(setting, node, html, content) {
  1152. html.push("<ul id='", node.tId, consts.id.UL, "' class='level", node.level, " ", view.makeUlLineClass(setting, node), "' style='display:", (node.open ? "block": "none"),"'>");
  1153. html.push(content);
  1154. html.push("</ul>");
  1155. },
  1156. makeUlLineClass: function(setting, node) {
  1157. return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : "");
  1158. },
  1159. removeChildNodes: function(setting, node) {
  1160. if (!node) return;
  1161. var childKey = setting.data.key.children,
  1162. nodes = node[childKey];
  1163. if (!nodes) return;
  1164. for (var i = 0, l = nodes.length; i < l; i++) {
  1165. data.removeNodeCache(setting, nodes[i]);
  1166. }
  1167. data.removeSelectedNode(setting);
  1168. delete node[childKey];
  1169. if (!setting.data.keep.parent) {
  1170. node.isParent = false;
  1171. node.open = false;
  1172. var tmp_switchObj = $("#" + node.tId + consts.id.SWITCH),
  1173. tmp_icoObj = $("#" + node.tId + consts.id.ICON);
  1174. view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU);
  1175. view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU);
  1176. $("#" + node.tId + consts.id.UL).remove();
  1177. } else {
  1178. $("#" + node.tId + consts.id.UL).empty();
  1179. }
  1180. },
  1181. setFirstNode: function(setting, parentNode) {
  1182. var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
  1183. if ( childLength > 0) {
  1184. parentNode[childKey][0].isFirstNode = true;
  1185. }
  1186. },
  1187. setLastNode: function(setting, parentNode) {
  1188. var childKey = setting.data.key.children, childLength = parentNode[childKey].length;
  1189. if ( childLength > 0) {
  1190. parentNode[childKey][childLength - 1].isLastNode = true;
  1191. }
  1192. },
  1193. removeNode: function(setting, node) {
  1194. var root = data.getRoot(setting),
  1195. childKey = setting.data.key.children,
  1196. parentNode = (node.parentTId) ? node.getParentNode() : root;
  1197. node.isFirstNode = false;
  1198. node.isLastNode = false;
  1199. node.getPreNode = function() {return null;};
  1200. node.getNextNode = function() {return null;};
  1201. $("#" + node.tId).remove();
  1202. data.removeNodeCache(setting, node);
  1203. data.removeSelectedNode(setting, node);
  1204. for (var i = 0, l = parentNode[childKey].length; i < l; i++) {
  1205. if (parentNode[childKey][i].tId == node.tId) {
  1206. parentNode[childKey].splice(i, 1);
  1207. break;
  1208. }
  1209. }
  1210. view.setFirstNode(setting, parentNode);
  1211. view.setLastNode(setting, parentNode);
  1212. var tmp_ulObj,tmp_switchObj,tmp_icoObj,
  1213. childLength = parentNode[childKey].length;
  1214. //repair nodes old parent
  1215. if (!setting.data.keep.parent && childLength == 0) {
  1216. //old parentNode has no child nodes
  1217. parentNode.isParent = false;
  1218. parentNode.open = false;
  1219. tmp_ulObj = $("#" + parentNode.tId + consts.id.UL);
  1220. tmp_switchObj = $("#" + parentNode.tId + consts.id.SWITCH);
  1221. tmp_icoObj = $("#" + parentNode.tId + consts.id.ICON);
  1222. view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU);
  1223. view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU);
  1224. tmp_ulObj.css("display", "none");
  1225. } else if (setting.view.showLine && childLength > 0) {
  1226. //old parentNode has child nodes
  1227. var newLast = parentNode[childKey][childLength - 1];
  1228. tmp_ulObj = $("#" + newLast.tId + consts.id.UL);
  1229. tmp_switchObj = $("#" + newLast.tId + consts.id.SWITCH);
  1230. tmp_icoObj = $("#" + newLast.tId + consts.id.ICON);
  1231. if (parentNode == root) {
  1232. if (parentNode[childKey].length == 1) {
  1233. //node was root, and ztree has only one root after move node
  1234. view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT);
  1235. } else {
  1236. var tmp_first_switchObj = $("#" + parentNode[childKey][0].tId + consts.id.SWITCH);
  1237. view.replaceSwitchClass(parentNode[childKey][0], tmp_first_switchObj, consts.line.ROOTS);
  1238. view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
  1239. }
  1240. } else {
  1241. view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM);
  1242. }
  1243. tmp_ulObj.removeClass(consts.line.LINE);
  1244. }
  1245. },
  1246. replaceIcoClass: function(node, obj, newName) {
  1247. if (!obj || node.isAjaxing) return;
  1248. var tmpName = obj.attr("class");
  1249. if (tmpName == undefined) return;
  1250. var tmpList = tmpName.split("_");
  1251. switch (newName) {
  1252. case consts.folder.OPEN:
  1253. case consts.folder.CLOSE:
  1254. case consts.folder.DOCU:
  1255. tmpList[tmpList.length-1] = newName;
  1256. break;
  1257. }
  1258. obj.attr("class", tmpList.join("_"));
  1259. },
  1260. replaceSwitchClass: function(node, obj, newName) {
  1261. if (!obj) return;
  1262. var tmpName = obj.attr("class");
  1263. if (tmpName == undefined) return;
  1264. var tmpList = tmpName.split("_");
  1265. switch (newName) {
  1266. case consts.line.ROOT:
  1267. case consts.line.ROOTS:
  1268. case consts.line.CENTER:
  1269. case consts.line.BOTTOM:
  1270. case consts.line.NOLINE:
  1271. tmpList[0] = view.makeNodeLineClassEx(node) + newName;
  1272. break;
  1273. case consts.folder.OPEN:
  1274. case consts.folder.CLOSE:
  1275. case consts.folder.DOCU:
  1276. tmpList[1] = newName;
  1277. break;
  1278. }
  1279. obj.attr("class", tmpList.join("_"));
  1280. if (newName !== consts.folder.DOCU) {
  1281. obj.removeAttr("disabled");
  1282. } else {
  1283. obj.attr("disabled", "disabled");
  1284. }
  1285. },
  1286. selectNode: function(setting, node, addFlag) {
  1287. if (!addFlag) {
  1288. view.cancelPreSelectedNode(setting);
  1289. }
  1290. $("#" + node.tId + consts.id.A).addClass(consts.node.CURSELECTED);
  1291. data.addSelectedNode(setting, node);
  1292. },
  1293. setNodeFontCss: function(setting, treeNode) {
  1294. var aObj = $("#" + treeNode.tId + consts.id.A),
  1295. fontCss = view.makeNodeFontCss(setting, treeNode);
  1296. if (fontCss) {
  1297. aObj.css(fontCss);
  1298. }
  1299. },
  1300. setNodeLineIcos: function(setting, node) {
  1301. if (!node) return;
  1302. var switchObj = $("#" + node.tId + consts.id.SWITCH),
  1303. ulObj = $("#" + node.tId + consts.id.UL),
  1304. icoObj = $("#" + node.tId + consts.id.ICON),
  1305. ulLine = view.makeUlLineClass(setting, node);
  1306. if (ulLine.length==0) {
  1307. ulObj.removeClass(consts.line.LINE);
  1308. } else {
  1309. ulObj.addClass(ulLine);
  1310. }
  1311. switchObj.attr("class", view.makeNodeLineClass(setting, node));
  1312. if (node.isParent) {
  1313. switchObj.removeAttr("disabled");
  1314. } else {
  1315. switchObj.attr("disabled", "disabled");
  1316. }
  1317. icoObj.removeAttr("style");
  1318. icoObj.attr("style", view.makeNodeIcoStyle(setting, node));
  1319. icoObj.attr("class", view.makeNodeIcoClass(setting, node));
  1320. },
  1321. setNodeName: function(setting, node) {
  1322. var nameKey = setting.data.key.name,
  1323. titleKey = data.getTitleKey(setting),
  1324. nObj = $("#" + node.tId + consts.id.SPAN);
  1325. nObj.empty();
  1326. if (setting.view.nameIsHTML) {
  1327. nObj.html(node[nameKey]);
  1328. } else {
  1329. nObj.text(node[nameKey]);
  1330. }
  1331. if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) {
  1332. var aObj = $("#" + node.tId + consts.id.A);
  1333. aObj.attr("title", !node[titleKey] ? "" : node[titleKey]);
  1334. }
  1335. },
  1336. setNodeTarget: function(node) {
  1337. var aObj = $("#" + node.tId + consts.id.A);
  1338. aObj.attr("target", view.makeNodeTarget(node));
  1339. },
  1340. setNodeUrl: function(setting, node) {
  1341. var aObj = $("#" + node.tId + consts.id.A),
  1342. url = view.makeNodeUrl(setting, node);
  1343. if (url == null || url.length == 0) {
  1344. aObj.removeAttr("href");
  1345. } else {
  1346. aObj.attr("href", url);
  1347. }
  1348. },
  1349. switchNode: function(setting, node) {
  1350. if (node.open || !tools.canAsync(setting, node)) {
  1351. view.expandCollapseNode(setting, node, !node.open);
  1352. } else if (setting.async.enable) {
  1353. if (!view.asyncNode(setting, node)) {
  1354. view.expandCollapseNode(setting, node, !node.open);
  1355. return;
  1356. }
  1357. } else if (node) {
  1358. view.expandCollapseNode(setting, node, !node.open);
  1359. }
  1360. }
  1361. };
  1362. // zTree defind
  1363. $.fn.zTree = {
  1364. consts : _consts,
  1365. _z : {
  1366. tools: tools,
  1367. view: view,
  1368. event: event,
  1369. data: data
  1370. },
  1371. getZTreeObj: function(treeId) {
  1372. var o = data.getZTreeTools(treeId);
  1373. return o ? o : null;
  1374. },
  1375. init: function(obj, zSetting, zNodes) {
  1376. var setting = tools.clone(_setting);
  1377. $.extend(true, setting, zSetting);
  1378. setting.treeId = obj.attr("id");
  1379. setting.treeObj = obj;
  1380. setting.treeObj.empty();
  1381. settings[setting.treeId] = setting;
  1382. if ($.browser.msie && parseInt($.browser.version)<7) {
  1383. setting.view.expandSpeed = "";
  1384. }
  1385. data.initRoot(setting);
  1386. var root = data.getRoot(setting),
  1387. childKey = setting.data.key.children;
  1388. zNodes = zNodes ? tools.clone(tools.isArray(zNodes)? zNodes : [zNodes]) : [];
  1389. if (setting.data.simpleData.enable) {
  1390. root[childKey] = data.transformTozTreeFormat(setting, zNodes);
  1391. } else {
  1392. root[childKey] = zNodes;
  1393. }
  1394. data.initCache(setting);
  1395. event.bindTree(setting);
  1396. event.bindEvent(setting);
  1397. var zTreeTools = {
  1398. setting : setting,
  1399. addNodes : function(parentNode, newNodes, isSilent) {
  1400. if (!newNodes) return null;
  1401. if (!parentNode) parentNode = null;
  1402. if (parentNode && !parentNode.isParent && setting.data.keep.leaf) return null;
  1403. var xNewNodes = tools.clone(tools.isArray(newNodes)? newNodes: [newNodes]);
  1404. function addCallback() {
  1405. view.addNodes(setting, parentNode, xNewNodes, (isSilent==true));
  1406. }
  1407. if (tools.canAsync(setting, parentNode)) {
  1408. view.asyncNode(setting, parentNode, isSilent, addCallback);
  1409. } else {
  1410. addCallback();
  1411. }
  1412. return xNewNodes;
  1413. },
  1414. cancelSelectedNode : function(node) {
  1415. view.cancelPreSelectedNode(this.setting, node);
  1416. },
  1417. expandAll : function(expandFlag) {
  1418. expandFlag = !!expandFlag;
  1419. view.expandCollapseSonNode(this.setting, null, expandFlag, true);
  1420. return expandFlag;
  1421. },
  1422. expandNode : function(node, expandFlag, sonSign, focus, callbackFlag) {
  1423. if (!node || !node.isParent) return null;
  1424. if (expandFlag !== true && expandFlag !== false) {
  1425. expandFlag = !node.open;
  1426. }
  1427. callbackFlag = !!callbackFlag;
  1428. if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false)) {
  1429. return null;
  1430. } else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false)) {
  1431. return null;
  1432. }
  1433. if (expandFlag && node.parentTId) {
  1434. view.expandCollapseParentNode(this.setting, node.getParentNode(), expandFlag, false);
  1435. }
  1436. if (expandFlag === node.open && !sonSign) {
  1437. return null;
  1438. }
  1439. data.getRoot(setting).expandTriggerFlag = callbackFlag;
  1440. if (sonSign) {
  1441. view.expandCollapseSonNode(this.setting, node, expandFlag, true, function() {
  1442. if (focus !== false) {$("#" + node.tId).focus().blur();}
  1443. });
  1444. } else {
  1445. node.open = !expandFlag;
  1446. view.switchNode(this.setting, node);
  1447. if (focus !== false) {$("#" + node.tId).focus().blur();}
  1448. }
  1449. return expandFlag;
  1450. },
  1451. getNodes : function() {
  1452. return data.getNodes(this.setting);
  1453. },
  1454. getNodeByParam : function(key, value, parentNode) {
  1455. if (!key) return null;
  1456. return data.getNodeByParam(this.setting, parentNode?parentNode[this.setting.data.key.children]:data.getNodes(this.setting), key, value);
  1457. },
  1458. getNodeByTId : function(tId) {
  1459. return data.getNodeCache(this.setting, tId);
  1460. },
  1461. getNodesByParam : function(key, value, parentNode) {
  1462. if (!key) return null;
  1463. return data.getNodesByParam(this.setting, parentNode?parentNode[this.setting.data.key.children]:data.getNodes(this.setting), key, value);
  1464. },
  1465. getNodesByParamFuzzy : function(key, value, parentNode) {
  1466. if (!key) return null;
  1467. return data.getNodesByParamFuzzy(this.setting, parentNode?parentNode[this.setting.data.key.children]:data.getNodes(this.setting), key, value);
  1468. },
  1469. getNodesByFilter: function(filter, isSingle, parentNode, invokeParam) {
  1470. isSingle = !!isSingle;
  1471. if (!filter || (typeof filter != "function")) return (isSingle ? null : []);
  1472. return data.getNodesByFilter(this.setting, parentNode?parentNode[this.setting.data.key.children]:data.getNodes(this.setting), filter, isSingle, invokeParam);
  1473. },
  1474. getNodeIndex : function(node) {
  1475. if (!node) return null;
  1476. var childKey = setting.data.key.children,
  1477. parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(this.setting);
  1478. for (var i=0, l = parentNode[childKey].length; i < l; i++) {
  1479. if (parentNode[childKey][i] == node) return i;
  1480. }
  1481. return -1;
  1482. },
  1483. getSelectedNodes : function() {
  1484. var r = [], list = data.getRoot(this.setting).curSelectedList;
  1485. for (var i=0, l=list.length; i<l; i++) {
  1486. r.push(list[i]);
  1487. }
  1488. return r;
  1489. },
  1490. isSelectedNode : function(node) {
  1491. return data.isSelectedNode(this.setting, node);
  1492. },
  1493. reAsyncChildNodes : function(parentNode, reloadType, isSilent) {
  1494. if (!this.setting.async.enable) return;
  1495. var isRoot = !parentNode;
  1496. if (isRoot) {
  1497. parentNode = data.getRoot(this.setting);
  1498. }
  1499. if (reloadType=="refresh") {
  1500. parentNode[this.setting.data.key.children] = [];
  1501. if (isRoot) {
  1502. this.setting.treeObj.empty();
  1503. } else {
  1504. var ulObj = $("#" + parentNode.tId + consts.id.UL);
  1505. ulObj.empty();
  1506. }
  1507. }
  1508. view.asyncNode(this.setting, isRoot? null:parentNode, !!isSilent);
  1509. },
  1510. refresh : function() {
  1511. this.setting.treeObj.empty();
  1512. var root = data.getRoot(this.setting),
  1513. nodes = root[this.setting.data.key.children]
  1514. data.initRoot(this.setting);
  1515. root[this.setting.data.key.children] = nodes
  1516. data.initCache(this.setting);
  1517. view.createNodes(this.setting, 0, root[this.setting.data.key.children]);
  1518. },
  1519. removeChildNodes : function(node) {
  1520. if (!node) return null;
  1521. var childKey = setting.data.key.children,
  1522. nodes = node[childKey];
  1523. view.removeChildNodes(setting, node);
  1524. return nodes ? nodes : null;
  1525. },
  1526. removeNode : function(node, callbackFlag) {
  1527. if (!node) return;
  1528. callbackFlag = !!callbackFlag;
  1529. if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return;
  1530. view.removeNode(setting, node);
  1531. if (callbackFlag) {
  1532. this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]);
  1533. }
  1534. },
  1535. selectNode : function(node, addFlag) {
  1536. if (!node) return;
  1537. if (tools.uCanDo(this.setting)) {
  1538. addFlag = setting.view.selectedMulti && addFlag;
  1539. if (node.parentTId) {
  1540. view.expandCollapseParentNode(this.setting, node.getParentNode(), true, false, function() {
  1541. $("#" + node.tId).focus().blur();
  1542. });
  1543. } else {
  1544. $("#" + node.tId).focus().blur();
  1545. }
  1546. view.selectNode(this.setting, node, addFlag);
  1547. }
  1548. },
  1549. transformTozTreeNodes : function(simpleNodes) {
  1550. return data.transformTozTreeFormat(this.setting, simpleNodes);
  1551. },
  1552. transformToArray : function(nodes) {
  1553. return data.transformToArrayFormat(this.setting, nodes);
  1554. },
  1555. updateNode : function(node, checkTypeFlag) {
  1556. if (!node) return;
  1557. var nObj = $("#" + node.tId);
  1558. if (nObj.get(0) && tools.uCanDo(this.setting)) {
  1559. view.setNodeName(this.setting, node);
  1560. view.setNodeTarget(node);
  1561. view.setNodeUrl(this.setting, node);
  1562. view.setNodeLineIcos(this.setting, node);
  1563. view.setNodeFontCss(this.setting, node);
  1564. }
  1565. }
  1566. }
  1567. root.treeTools = zTreeTools;
  1568. data.setZTreeTools(setting, zTreeTools);
  1569. if (root[childKey] && root[childKey].length > 0) {
  1570. view.createNodes(setting, 0, root[childKey]);
  1571. } else if (setting.async.enable && setting.async.url && setting.async.url !== '') {
  1572. view.asyncNode(setting);
  1573. }
  1574. return zTreeTools;
  1575. }
  1576. };
  1577. var zt = $.fn.zTree,
  1578. consts = zt.consts;
  1579. })(jQuery);