jquery.ztree.core-3.5.js 53 KB

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