xtree_common.js
上传用户:huijianzhu
上传日期:2009-11-25
资源大小:9825k
文件大小:24k
源码类别:

电子政务应用

开发平台:

Java

  1. /*----------------------------------------------------------------------------
  2. |                       Cross Browser Tree Widget 1.17                        |
  3. |-----------------------------------------------------------------------------|
  4. |                          Created by Emil A Eklund                           |
  5. |                  (http://webfx.eae.net/contact.html#emil)                   |
  6. |                      For WebFX (http://webfx.eae.net/)                      |
  7. |-----------------------------------------------------------------------------|
  8. | An object based tree widget,  emulating the one found in microsoft windows, |
  9. | with persistence using cookies. Works in IE 5+, Mozilla and konqueror 3.    |
  10. |-----------------------------------------------------------------------------|
  11. |                   Copyright (c) 1999 - 2002 Emil A Eklund                   |
  12. |-----------------------------------------------------------------------------|
  13. | This software is provided "as is", without warranty of any kind, express or |
  14. | implied, including  but not limited  to the warranties of  merchantability, |
  15. | fitness for a particular purpose and noninfringement. In no event shall the |
  16. | authors or  copyright  holders be  liable for any claim,  damages or  other |
  17. | liability, whether  in an  action of  contract, tort  or otherwise, arising |
  18. | from,  out of  or in  connection with  the software or  the  use  or  other |
  19. | dealings in the software.                                                   |
  20. | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
  21. | This  software is  available under the  three different licenses  mentioned |
  22. | below.  To use this software you must chose, and qualify, for one of those. |
  23. | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
  24. | The WebFX Non-Commercial License          http://webfx.eae.net/license.html |
  25. | Permits  anyone the right to use the  software in a  non-commercial context |
  26. | free of charge.                                                             |
  27. | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
  28. | The WebFX Commercial license           http://webfx.eae.net/commercial.html |
  29. | Permits the  license holder the right to use  the software in a  commercial |
  30. | context. Such license must be specifically obtained, however it's valid for |
  31. | any number of  implementations of the licensed software.                    |
  32. | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
  33. | GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |
  34. | Permits anyone the right to use and modify the software without limitations |
  35. | as long as proper  credits are given  and the original  and modified source |
  36. | code are included. Requires  that the final product, software derivate from |
  37. | the original  source or any  software  utilizing a GPL  component, such  as |
  38. | this, is also licensed under the GPL license.                               |
  39. |-----------------------------------------------------------------------------|
  40. | Dependencies: xtree.css (To set up the CSS of the tree classes)             |
  41. |-----------------------------------------------------------------------------|
  42. | 2001-01-10 | Original Version Posted.                                       |
  43. | 2001-03-18 | Added getSelected and get/setBehavior  that can make it behave |
  44. |            | more like windows explorer, check usage for more information.  |
  45. | 2001-09-23 | Version 1.1 - New features included  keyboard  navigation (ie) |
  46. |            | and the ability  to add and  remove nodes dynamically and some |
  47. |            | other small tweaks and fixes.                                  |
  48. | 2002-01-27 | Version 1.11 - Bug fixes and improved mozilla support.         |
  49. | 2002-06-11 | Version 1.12 - Fixed a bug that prevented the indentation line |
  50. |            | from  updating correctly  under some  circumstances.  This bug |
  51. |            | happened when removing the last item in a subtree and items in |
  52. |            | siblings to the remove subtree where not correctly updated.    |
  53. | 2002-06-13 | Fixed a few minor bugs cased by the 1.12 bug-fix.              |
  54. | 2002-08-20 | Added usePersistence flag to allow disable of cookies.         |
  55. | 2002-10-23 | (1.14) Fixed a plus icon issue                                 |
  56. | 2002-10-29 | (1.15) Last changes broke more than they fixed. This version   |
  57. |            | is based on 1.13 and fixes the bugs 1.14 fixed withou breaking |
  58. |            | lots of other things.                                          |
  59. | 2003-02-15 | The  selected node can now be made visible even when  the tree |
  60. |            | control  loses focus.  It uses a new class  declaration in the |
  61. |            | css file '.webfx-tree-item a.selected-inactive', by default it |
  62. |            | puts a light-gray rectangle around the selected node.          |
  63. | 2003-03-16 | Adding target support after lots of lobbying...                |
  64. |-----------------------------------------------------------------------------|
  65. | Created 2000-12-11 | All changes are in the log above. | Updated 2003-03-16 |
  66. ----------------------------------------------------------------------------*/
  67. var webFXTreeConfig = {
  68. rootIcon        : 'imagestree/foldericon.png',
  69. openRootIcon    : 'imagestree/openfoldericon.png',
  70. folderIcon      : 'imagestree/foldericon.png',
  71. openFolderIcon  : 'imagestree/openfoldericon.png',
  72. fileIcon        : 'imagestree/file.png',
  73. iIcon           : 'imagestree/I.png',
  74. lIcon           : 'imagestree/L.png',
  75. lMinusIcon      : 'imagestree/Lminus.png',
  76. lPlusIcon       : 'imagestree/Lplus.png',
  77. tIcon           : 'imagestree/T.png',
  78. tMinusIcon      : 'imagestree/Tminus.png',
  79. tPlusIcon       : 'imagestree/Tplus.png',
  80. blankIcon       : 'imagestree/blank.png',
  81.     defaultId       : 'id1',
  82. defaultText     : 'Tree Item',
  83. defaultReturnValue : '',
  84. defaultAction   : 'javascript:void(0);',
  85. defaultBehavior : 'classic',
  86. usePersistence : true
  87. };
  88. var webFXTreeHandler = {
  89. idCounter : 0,
  90. allCounter: 0,
  91. idPrefix  : "webfx-tree-object-",
  92. all       : {},
  93. behavior  : null,
  94. selected  : null,
  95. onSelect  : null, /* should be part of tree, not handler */
  96. getId     : function() { return this.idPrefix + this.idCounter++; },
  97. toggle    : function (oItem) { this.all[oItem.id.replace('-plus','')].toggle(); },
  98. select    : function (oItem) { this.all[oItem.id.replace('-icon','')].select(); },
  99. focus     : function (oItem) { this.all[oItem.id.replace('-anchor','')].focus(); },
  100. blur      : function (oItem) { this.all[oItem.id.replace('-anchor','')].blur(); },
  101. keydown   : function (oItem, e) { return this.all[oItem.id].keydown(e.keyCode); },
  102. cookies   : new WebFXCookie(),
  103. insertHTMLBeforeEnd : function (oElement, sHTML) {
  104. if (oElement.insertAdjacentHTML != null) {
  105. oElement.insertAdjacentHTML("BeforeEnd", sHTML)
  106. return;
  107. }
  108. var df; // DocumentFragment
  109. var r = oElement.ownerDocument.createRange();
  110. r.selectNodeContents(oElement);
  111. r.collapse(false);
  112. df = r.createContextualFragment(sHTML);
  113. oElement.appendChild(df);
  114. }
  115. };
  116. /*
  117.  * WebFXCookie class
  118.  */
  119. function WebFXCookie() {
  120. if (document.cookie.length) { this.cookies = ' ' + document.cookie; }
  121. }
  122. WebFXCookie.prototype.setCookie = function (key, value) {
  123. document.cookie = key + "=" + escape(value);
  124. }
  125. WebFXCookie.prototype.getCookie = function (key) {
  126. if (this.cookies) {
  127. var start = this.cookies.indexOf(' ' + key + '=');
  128. if (start == -1) { return null; }
  129. var end = this.cookies.indexOf(";", start);
  130. if (end == -1) { end = this.cookies.length; }
  131. end -= start;
  132. var cookie = this.cookies.substr(start,end);
  133. return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
  134. }
  135. else { return null; }
  136. }
  137. /*
  138.  * WebFXTreeAbstractNode class
  139.  */
  140. // edited 2004-7-15 by zww
  141. // can set id property
  142. function WebFXTreeAbstractNode(sText, sId, sReturnValue, sAction, sTarget) {
  143. this.childNodes  = [];
  144. //id can be defined by youself
  145. this.id     = sId || webFXTreeHandler.getId();  //webFXTreeHandler.getId();
  146. this.text   = sText || webFXTreeConfig.defaultText;
  147. this.returnValue = sReturnValue || webFXTreeConfig.defaultReturnValue;
  148. this.action = sAction || webFXTreeConfig.defaultAction;
  149. this.target = sTarget || "";
  150. this._last  = false;
  151. webFXTreeHandler.all[this.id] = this;
  152. //webFXTreeHandler.all[webFXTreeHandler.allCounter++] = this;
  153. }
  154. /*
  155.  * To speed thing up if you're adding multiple nodes at once (after load)
  156.  * use the bNoIdent parameter to prevent automatic re-indentation and call
  157.  * the obj.ident() method manually once all nodes has been added.
  158.  */
  159. WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) {
  160. node.parentNode = this;
  161. this.childNodes[this.childNodes.length] = node;
  162. var root = this;
  163. if (this.childNodes.length >= 2) {
  164. this.childNodes[this.childNodes.length - 2]._last = false;
  165. }
  166. while (root.parentNode) { root = root.parentNode; }
  167. if (root.rendered) {
  168. if (this.childNodes.length >= 2) {
  169. document.getElementById(this.childNodes[this.childNodes.length - 2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon);
  170. this.childNodes[this.childNodes.length - 2].plusIcon = webFXTreeConfig.tPlusIcon;
  171. this.childNodes[this.childNodes.length - 2].minusIcon = webFXTreeConfig.tMinusIcon;
  172. this.childNodes[this.childNodes.length - 2]._last = false;
  173. }
  174. this._last = true;
  175. var foo = this;
  176. while (foo.parentNode) {
  177. for (var i = 0; i < foo.parentNode.childNodes.length; i++) {
  178. if (foo.id == foo.parentNode.childNodes[i].id) { break; }
  179. }
  180. if (i == foo.parentNode.childNodes.length - 1) { foo.parentNode._last = true; }
  181. else { foo.parentNode._last = false; }
  182. foo = foo.parentNode;
  183. }
  184. webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString());
  185. if ((!this.folder) && (!this.openIcon)) {
  186. this.icon = webFXTreeConfig.folderIcon;
  187. this.openIcon = webFXTreeConfig.openFolderIcon;
  188. }
  189. if (!this.folder) { this.folder = true; this.collapse(true); }
  190. if (!bNoIdent) { this.indent(); }
  191. }
  192. return node;
  193. }
  194. WebFXTreeAbstractNode.prototype.toggle = function() {
  195. if (this.folder) {
  196. if (this.open) { this.collapse(); }
  197. else { this.expand(); }
  198. } }
  199. WebFXTreeAbstractNode.prototype.select = function() {
  200. document.getElementById(this.id + '-anchor').focus();
  201. }
  202. WebFXTreeAbstractNode.prototype.deSelect = function() {
  203. document.getElementById(this.id + '-anchor').className = '';
  204. webFXTreeHandler.selected = null;
  205. }
  206. WebFXTreeAbstractNode.prototype.focus = function() {
  207. if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) { webFXTreeHandler.selected.deSelect(); }
  208. webFXTreeHandler.selected = this;
  209. if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.openIcon; }
  210. document.getElementById(this.id + '-anchor').className = 'selected';
  211. document.getElementById(this.id + '-anchor').focus();
  212. if (webFXTreeHandler.onSelect) { webFXTreeHandler.onSelect(this); }
  213. }
  214. WebFXTreeAbstractNode.prototype.blur = function() {
  215. if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.icon; }
  216. document.getElementById(this.id + '-anchor').className = 'selected-inactive';
  217. }
  218. WebFXTreeAbstractNode.prototype.doExpand = function() {
  219. if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.openIcon; }
  220. if (this.childNodes.length) {  document.getElementById(this.id + '-cont').style.display = 'block'; }
  221. this.open = true;
  222. if (webFXTreeConfig.usePersistence) {
  223. webFXTreeHandler.cookies.setCookie(this.id, '1');
  224. } }
  225. WebFXTreeAbstractNode.prototype.doCollapse = function() {
  226. if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.icon; }
  227. if (this.childNodes.length) { document.getElementById(this.id + '-cont').style.display = 'none'; }
  228. this.open = false;
  229. if (webFXTreeConfig.usePersistence) {
  230. webFXTreeHandler.cookies.setCookie(this.id, '0');
  231. } }
  232. WebFXTreeAbstractNode.prototype.expandAll = function() {
  233. this.expandChildren();
  234. if ((this.folder) && (!this.open)) { this.expand(); }
  235. }
  236. WebFXTreeAbstractNode.prototype.expandChildren = function() {
  237. for (var i = 0; i < this.childNodes.length; i++) {
  238. this.childNodes[i].expandAll();
  239. } }
  240. WebFXTreeAbstractNode.prototype.collapseAll = function() {
  241. this.collapseChildren();
  242. if ((this.folder) && (this.open)) { this.collapse(true); }
  243. }
  244. WebFXTreeAbstractNode.prototype.collapseChildren = function() {
  245. for (var i = 0; i < this.childNodes.length; i++) {
  246. this.childNodes[i].collapseAll();
  247. } }
  248. WebFXTreeAbstractNode.prototype.indent = function(lvl, del, last, level, nodesLeft) {
  249. /*
  250.  * Since we only want to modify items one level below ourself,
  251.  * and since the rightmost indentation position is occupied by
  252.  * the plus icon we set this to -2
  253.  */
  254. if (lvl == null) { lvl = -2; }
  255. var state = 0;
  256. for (var i = this.childNodes.length - 1; i >= 0 ; i--) {
  257. state = this.childNodes[i].indent(lvl + 1, del, last, level);
  258. if (state) { return; }
  259. }
  260. if (del) {
  261. if ((level >= this._level) && (document.getElementById(this.id + '-plus'))) {
  262. if (this.folder) {
  263. document.getElementById(this.id + '-plus').src = (this.open)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.lPlusIcon;
  264. this.plusIcon = webFXTreeConfig.lPlusIcon;
  265. this.minusIcon = webFXTreeConfig.lMinusIcon;
  266. }
  267. else if (nodesLeft) { document.getElementById(this.id + '-plus').src = webFXTreeConfig.lIcon; }
  268. return 1;
  269. } }
  270. var foo = document.getElementById(this.id + '-indent-' + lvl);
  271. if (foo) {
  272. if ((foo._last) || ((del) && (last))) { foo.src =  webFXTreeConfig.blankIcon; }
  273. else { foo.src =  webFXTreeConfig.iIcon; }
  274. }
  275. return 0;
  276. }
  277. /*
  278.  * WebFXTree class
  279.  */
  280. function WebFXTree(sText, sId, sReturnValue, sAction, sTarget, sBehavior, sIcon, sOpenIcon) {
  281. this.base = WebFXTreeAbstractNode;
  282. this.base(sText, sId, sReturnValue, sAction, sTarget);
  283. this.icon      = sIcon || webFXTreeConfig.rootIcon;
  284. this.openIcon  = sOpenIcon || webFXTreeConfig.openRootIcon;
  285. /* Defaults to open */
  286. if (webFXTreeConfig.usePersistence) {
  287. this.open  = (webFXTreeHandler.cookies.getCookie(this.id) == '0')?false:true;
  288. } else { this.open  = true; }
  289. this.folder    = true;
  290. this.rendered  = false;
  291. this.onSelect  = null;
  292. if (!webFXTreeHandler.behavior) {  webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior; }
  293. }
  294. WebFXTree.prototype = new WebFXTreeAbstractNode;
  295. WebFXTree.prototype.setBehavior = function (sBehavior) {
  296. webFXTreeHandler.behavior =  sBehavior;
  297. };
  298. WebFXTree.prototype.getBehavior = function (sBehavior) {
  299. return webFXTreeHandler.behavior;
  300. };
  301. WebFXTree.prototype.getSelected = function() {
  302. if (webFXTreeHandler.selected) { return webFXTreeHandler.selected; }
  303. else { return null; }
  304. }
  305. WebFXTree.prototype.remove = function() { }
  306. WebFXTree.prototype.expand = function() {
  307. this.doExpand();
  308. }
  309. WebFXTree.prototype.collapse = function(b) {
  310. if (!b) { this.focus(); }
  311. this.doCollapse();
  312. }
  313. WebFXTree.prototype.getFirst = function() {
  314. return null;
  315. }
  316. WebFXTree.prototype.getLast = function() {
  317. return null;
  318. }
  319. WebFXTree.prototype.getNextSibling = function() {
  320. return null;
  321. }
  322. WebFXTree.prototype.getPreviousSibling = function() {
  323. return null;
  324. }
  325. WebFXTree.prototype.keydown = function(key) {
  326. if (key == 39) {
  327. if (!this.open) { this.expand(); }
  328. else if (this.childNodes.length) { this.childNodes[0].select(); }
  329. return false;
  330. }
  331. if (key == 37) { this.collapse(); return false; }
  332. if ((key == 40) && (this.open) && (this.childNodes.length)) { this.childNodes[0].select(); return false; }
  333. return true;
  334. }
  335. WebFXTree.prototype.toString = function() {
  336. var str = "<div id="" + this.id + "" ondblclick="webFXTreeHandler.toggle(this);" class="webfx-tree-item" onkeydown="return webFXTreeHandler.keydown(this, event)">" +
  337. "<img id="" + this.id + "-icon" class="webfx-tree-icon" src="" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "" onclick="webFXTreeHandler.select(this);">" +
  338. "<a href="" + this.action + "" id="" + this.id + "-anchor" onfocus="webFXTreeHandler.focus(this);" onblur="webFXTreeHandler.blur(this);"" +
  339. (this.target ? " target="" + this.target + """ : "") +
  340. ">" + this.text + "</a></div>" +
  341. "<div id="" + this.id + "-cont" class="webfx-tree-container" style="display: " + ((this.open)?'block':'none') + ";">";
  342. var sb = [];
  343. for (var i = 0; i < this.childNodes.length; i++) {
  344. sb[i] = this.childNodes[i].toString(i, this.childNodes.length);
  345. }
  346. this.rendered = true;
  347. return str + sb.join("") + "</div>";
  348. };
  349. /*
  350.  * WebFXTreeItem class
  351.  */
  352. function WebFXTreeItem(sText, sId, sReturnValue, sAction, sTarget, eParent, sIcon, sOpenIcon) {
  353. this.base = WebFXTreeAbstractNode;
  354. this.base(sText, sId, sReturnValue, sAction, sTarget);
  355. /* Defaults to close */
  356. if (webFXTreeConfig.usePersistence) {
  357. this.open = (webFXTreeHandler.cookies.getCookie(this.id) == '1')?true:false;
  358. } else { this.open = false; }
  359. if (sIcon) { this.icon = sIcon; }
  360. if (sOpenIcon) { this.openIcon = sOpenIcon; }
  361. if (eParent) { eParent.add(this); }
  362. }
  363. WebFXTreeItem.prototype = new WebFXTreeAbstractNode;
  364. WebFXTreeItem.prototype.remove = function() {
  365. var iconSrc = document.getElementById(this.id + '-plus').src;
  366. var parentNode = this.parentNode;
  367. var prevSibling = this.getPreviousSibling(true);
  368. var nextSibling = this.getNextSibling(true);
  369. var folder = this.parentNode.folder;
  370. var last = ((nextSibling) && (nextSibling.parentNode) && (nextSibling.parentNode.id == parentNode.id))?false:true;
  371. this.getPreviousSibling().focus();
  372. this._remove();
  373. if (parentNode.childNodes.length == 0) {
  374. document.getElementById(parentNode.id + '-cont').style.display = 'none';
  375. parentNode.doCollapse();
  376. parentNode.folder = false;
  377. parentNode.open = false;
  378. }
  379. if (!nextSibling || last) { parentNode.indent(null, true, last, this._level, parentNode.childNodes.length); }
  380. if ((prevSibling == parentNode) && !(parentNode.childNodes.length)) {
  381. prevSibling.folder = false;
  382. prevSibling.open = false;
  383. iconSrc = document.getElementById(prevSibling.id + '-plus').src;
  384. iconSrc = iconSrc.replace('minus', '').replace('plus', '');
  385. document.getElementById(prevSibling.id + '-plus').src = iconSrc;
  386. document.getElementById(prevSibling.id + '-icon').src = webFXTreeConfig.fileIcon;
  387. }
  388. if (document.getElementById(prevSibling.id + '-plus')) {
  389. if (parentNode == prevSibling.parentNode) {
  390. iconSrc = iconSrc.replace('minus', '').replace('plus', '');
  391. document.getElementById(prevSibling.id + '-plus').src = iconSrc;
  392. } } }
  393. WebFXTreeItem.prototype._remove = function() {
  394. for (var i = this.childNodes.length - 1; i >= 0; i--) {
  395. this.childNodes[i]._remove();
  396.   }
  397. for (var i = 0; i < this.parentNode.childNodes.length; i++) {
  398. if (this == this.parentNode.childNodes[i]) {
  399. for (var j = i; j < this.parentNode.childNodes.length; j++) {
  400. this.parentNode.childNodes[j] = this.parentNode.childNodes[j+1];
  401. }
  402. this.parentNode.childNodes.length -= 1;
  403. if (i + 1 == this.parentNode.childNodes.length) { this.parentNode._last = true; }
  404. break;
  405. } }
  406. webFXTreeHandler.all[this.id] = null;
  407. var tmp = document.getElementById(this.id);
  408. if (tmp) { tmp.parentNode.removeChild(tmp); }
  409. tmp = document.getElementById(this.id + '-cont');
  410. if (tmp) { tmp.parentNode.removeChild(tmp); }
  411. }
  412. WebFXTreeItem.prototype.expand = function() {
  413. this.doExpand();
  414. document.getElementById(this.id + '-plus').src = this.minusIcon;
  415. }
  416. WebFXTreeItem.prototype.collapse = function(b) {
  417. if (!b) { this.focus(); }
  418. this.doCollapse();
  419. document.getElementById(this.id + '-plus').src = this.plusIcon;
  420. }
  421. WebFXTreeItem.prototype.getFirst = function() {
  422. return this.childNodes[0];
  423. }
  424. WebFXTreeItem.prototype.getLast = function() {
  425. if (this.childNodes[this.childNodes.length - 1].open) { return this.childNodes[this.childNodes.length - 1].getLast(); }
  426. else { return this.childNodes[this.childNodes.length - 1]; }
  427. }
  428. WebFXTreeItem.prototype.getNextSibling = function() {
  429. for (var i = 0; i < this.parentNode.childNodes.length; i++) {
  430. if (this == this.parentNode.childNodes[i]) { break; }
  431. }
  432. if (++i == this.parentNode.childNodes.length) { return this.parentNode.getNextSibling(); }
  433. else { return this.parentNode.childNodes[i]; }
  434. }
  435. WebFXTreeItem.prototype.getPreviousSibling = function(b) {
  436. for (var i = 0; i < this.parentNode.childNodes.length; i++) {
  437. if (this == this.parentNode.childNodes[i]) { break; }
  438. }
  439. if (i == 0) { return this.parentNode; }
  440. else {
  441. if ((this.parentNode.childNodes[--i].open) || (b && this.parentNode.childNodes[i].folder)) { return this.parentNode.childNodes[i].getLast(); }
  442. else { return this.parentNode.childNodes[i]; }
  443. } }
  444. WebFXTreeItem.prototype.keydown = function(key) {
  445. if ((key == 39) && (this.folder)) {
  446. if (!this.open) { this.expand(); }
  447. else { this.getFirst().select(); }
  448. return false;
  449. }
  450. else if (key == 37) {
  451. if (this.open) { this.collapse(); }
  452. else { this.parentNode.select(); }
  453. return false;
  454. }
  455. else if (key == 40) {
  456. if (this.open) { this.getFirst().select(); }
  457. else {
  458. var sib = this.getNextSibling();
  459. if (sib) { sib.select(); }
  460. }
  461. return false;
  462. }
  463. else if (key == 38) { this.getPreviousSibling().select(); return false; }
  464. return true;
  465. }
  466. WebFXTreeItem.prototype.toString = function (nItem, nItemCount) {
  467. var foo = this.parentNode;
  468. var indent = '';
  469. if (nItem + 1 == nItemCount) { this.parentNode._last = true; }
  470. var i = 0;
  471. while (foo.parentNode) {
  472. foo = foo.parentNode;
  473. indent = "<img id="" + this.id + "-indent-" + i + "" src="" + ((foo._last)?webFXTreeConfig.blankIcon:webFXTreeConfig.iIcon) + "">" + indent;
  474. i++;
  475. }
  476. this._level = i;
  477. if (this.childNodes.length) { this.folder = 1; }
  478. else { this.open = false; }
  479. if ((this.folder) || (webFXTreeHandler.behavior != 'classic')) {
  480. if (!this.icon) { this.icon = webFXTreeConfig.folderIcon; }
  481. if (!this.openIcon) { this.openIcon = webFXTreeConfig.openFolderIcon; }
  482. }
  483. else if (!this.icon) { this.icon = webFXTreeConfig.fileIcon; }
  484. var label = this.text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
  485. var str = "<div id="" + this.id + "" ondblclick="webFXTreeHandler.toggle(this);" class="webfx-tree-item" onkeydown="return webFXTreeHandler.keydown(this, event)" nowrap>" +
  486. indent +
  487. "<img id="" + this.id + "-plus" src="" + ((this.folder)?((this.open)?((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "" onclick="webFXTreeHandler.toggle(this);">" +
  488. "<img id="" + this.id + "-icon" class="webfx-tree-icon" src="" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "" onclick="webFXTreeHandler.select(this);">" +
  489. "<a href="" + this.action + "" id="" + this.id + "-anchor" onfocus="webFXTreeHandler.focus(this);" onblur="webFXTreeHandler.blur(this);"" +
  490. (this.target ? " target="" + this.target + """ : "") +
  491. " style="" nowrap>" + label + "</a></div>" +
  492. "<div id="" + this.id + "-cont" class="webfx-tree-container" style="display: " + ((this.open)?'block':'none') + ";">";
  493. var sb = [];
  494. for (var i = 0; i < this.childNodes.length; i++) {
  495. sb[i] = this.childNodes[i].toString(i,this.childNodes.length);
  496. }
  497. this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
  498. this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
  499. return str + sb.join("") + "</div>";
  500. }