TreeView.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. function TreeView_ToggleExpand (treeId, nodeId, nodeValue, nodeImageUrl, nodeNavigateUrl, nodeTarget) {
  2. var tree = getTree (treeId);
  3. if (tree == null)
  4. return;
  5. var spanId = treeId + "_" + nodeId;
  6. var node = document.getElementById (spanId);
  7. var expand = node.style.display == "none";
  8. if (tree.populateFromClient && expand && node.populated != true && (node.innerHTML.length == 0 || node.hasError)) {
  9. tree.PopulateNode (nodeId, nodeValue, nodeImageUrl, nodeNavigateUrl, nodeTarget);
  10. return;
  11. }
  12. if (!node.hasError)
  13. node.populated = true;
  14. node.style.display = expand ? "block" : "none";
  15. var inputStates = tree.form [treeId + "_ExpandStates"];
  16. TreeView_SetNodeFlag (inputStates, nodeId, expand);
  17. if (tree.showImage) {
  18. var image = document.getElementById (spanId + "_img");
  19. if (expand) image.src = tree.collapseImage;
  20. else image.src = tree.expandImage;
  21. var alt;
  22. if (expand) alt = tree.collapseAlt;
  23. else alt = tree.expandAlt;
  24. if (alt.indexOf ("{0}") != -1) {
  25. var txt = document.getElementById (spanId + "_txt").innerText;
  26. alt = alt.replace ("{0}", txt);
  27. }
  28. image.alt = alt;
  29. }
  30. }
  31. function TreeView_PopulateNode (uid, treeId, nodeId, nodeValue, nodeImageUrl, nodeNavigateUrl, nodeTarget)
  32. {
  33. var arg = nodeId + "|" + nodeValue + "|" + nodeImageUrl + "|" + nodeNavigateUrl + "|" + nodeTarget;
  34. window.WebForm_DoCallback (uid, arg, TreeView_PopulateCallback, treeId + " " + nodeId, TreeView_PopulateCallback, false);
  35. }
  36. function TreeView_SetNodeFlag (flagInput, nodeId, set)
  37. {
  38. if (!set) flagInput.value = flagInput.value.replace ("|" + nodeId + "|", "|");
  39. else flagInput.value = flagInput.value + nodeId + "|";
  40. }
  41. function TreeView_PopulateCallback (data, ids)
  42. {
  43. var idArray = ids.split (" ");
  44. var tree = getTree (idArray[0]);
  45. if (tree == null)
  46. return;
  47. var spanId = idArray[0] + "_" + idArray[1];
  48. var node = document.getElementById (spanId);
  49. node.populated = true;
  50. if (data != "*") {
  51. node.innerHTML = data;
  52. TreeView_ToggleExpand (idArray[0], idArray[1]);
  53. TreeView_SetNodeFlag (tree.form [idArray[0] + "_PopulatedStates"], idArray[1], true);
  54. } else {
  55. if (tree.showImage && tree.noExpandImage != null) {
  56. var image = document.getElementById (spanId + "_img");
  57. image.src = tree.noExpandImage;
  58. }
  59. }
  60. }
  61. function getTree (treeId) { try { return eval (treeId + "_data"); } catch(e) { return null; } }
  62. function getNodeLink (node) { return node.childNodes[node.childNodes.length - 1]; }
  63. function TreeView_HoverNode (treeId, node)
  64. {
  65. var tree = getTree (treeId);
  66. if (tree == null)
  67. return;
  68. if (tree.hoverClass != null) {
  69. if (node.normalClass == null)
  70. node.normalClass = node.className;
  71. node.className = node.normalClass + " " + tree.hoverClass;
  72. }
  73. if (tree.hoverLinkClass != null) {
  74. var nodeLink = getNodeLink(node);
  75. if (nodeLink.normalClass == null)
  76. nodeLink.normalClass = nodeLink.className;
  77. nodeLink.className = nodeLink.normalClass + " " + tree.hoverLinkClass;
  78. }
  79. }
  80. function TreeView_UnhoverNode (node) {
  81. if (node != null && node.normalClass != null)
  82. node.className = node.normalClass;
  83. var nodeLink = getNodeLink(node);
  84. if (nodeLink != null && nodeLink.normalClass != null)
  85. nodeLink.className = nodeLink.normalClass;
  86. }