关于dhtmlxtree基本用法 dhtmlxtree 例子

最近在公司看他们做的项目里面有用到dhtmlxtree这个JS的控件,自己也是第一次听说这东西,同事给了点资料,这里就记录下来,以免下次用到时,还得去查,这是一篇dhtmlxtree的中文说明文档。

关于dhtmlxtree基本用法 dhtmlxtree 例子
dhtmlXTree是一个功能比较强大的树控件,基本上能满足大部分常规需求,比较好用。
  1. 当然,在使用过程中还是发现一点点问题。下面是我整理的一些里面常用函数的说明(只有简单的说明,如果要看详细的说明,自己查看原函数去):
  2. 构造函数
  3. dhtmlXTreeObject(htmlObject,width,height,rootId)//rootId虚拟根节点,在界面上不会显示,一般取值0
  4. replaceIMGtagwithbackgroundimages-solveproblemwithIEimagecaching,notworksforIE6SP1
  5. enableIEImageFix(mode)
  6. 析构函数
  7. destructor()
  8. 实现继承
  9. clone()
  10. 节点构造函数
  11. dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode)//mode-donotshowimages
  12. 从xml字符串加载树
  13. loadXMLString(xmlString,afterCall)//afterCall-functionwhichwillbecalledafterxmlloading
  14. 从xml文件加载树
  15. loadXML(file,afterCall)
  16. 新建子节点,前三个参数为必须的
  17. insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)
  18. insertNewChild(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)
  19. 节点展开与收缩:[1-close2-open]
  20. _HideShow(itemObject,mode)
  21. 获取节点状态:0-没有子节点,-1-节点合拢,1-节点展开
  22. _getOpenState(node)
  23. getOpenState(itemId)
  24. 获取选中的节点Id
  25. getSelectedItemId()
  26. 选中节点
  27. _selectItem(node,e)
  28. 获取节点的index
  29. getIndexById(itemId)
  30. 设置鼠标右键点击事件
  31. setOnRightClickHandler(func)
  32. 设置鼠标点击事件
  33. setOnClickHandler(func)
  34. 设置节点状态改变事件
  35. setOnSelectStateChange(func)
  36. 设置允许动态加载xml文件(异步加载)
  37. setXMLAutoLoading(filePath)
  38. 设置checkbox点击事件
  39. setOnCheckHandler(func)
  40. 设置节点展开/合拢事件
  41. setOnOpenHandler(func)
  42. 设置节点开始展/合拢开事件
  43. setOnOpenStartHandler(func)
  44. 设置节点展开/合拢结束事件
  45. setOnOpenEndHandler(func)
  46. 设置节点双击事件
  47. setOnDblClickHandler(func)
  48. 展开节点及下面所有子节点
  49. _xopenAll(node)
  50. //增加了不传递itemId的判断(1494)
  51. openAllItems(itemId)//不传递itemId参数则合拢根节点
  52. 根据id获取节点
  53. _globalIdStorageFind(itemId)
  54. 合拢节点及其下所有子节点
  55. _xcloseAll(node)
  56. //修改了原来逻辑的一个错误(1521)
  57. closeAllItems(itemId)//不传递itemId参数则合拢根节点
  58. 为节点增加用户自定义的数据
  59. //修正一个错误(1548)
  60. setUserData(itemId,name,value)
  61. 获取用户自定义的数据
  62. getUserData(itemId,name)
  63. 获取节点颜色
  64. getItemColor(itemId)
  65. 设置节点颜色
  66. setItemColor(itemId,defaultColor,selectedColor)
  67. 获取节点名称--(withHTMLformatting,ifany)
  68. getItemText(itemId)
  69. 获取父节点id
  70. getParentId(itemId)
  71. 更改节点id
  72. changeItemId(itemId,newItemId)
  73. 标记被剪切的节点
  74. doCut()
  75. 粘贴被剪切的节点到新的父节点下
  76. doPaste(itemId)
  77. 清空被剪切的节点
  78. clearCut()
  79. 移动节点
  80. _moveNode(itemObject,targetObject)
  81. 允许三种状态的复选框(全选、不选、部分选中)
  82. enableThreeStateCheckboxes(mode)//1-on,0-off;
  83. 设置鼠标悬浮事件
  84. setOnMouseInHandler(func)
  85. 设置鼠标移走事件
  86. setOnMouseOutHandler(func)
  87. 设置是否允许显示树图片
  88. enableTreeImages=function(mode)//1-on,0-off
  89. 设置是否允许固定模式(对于显示复选框的界面美观一些,但没有水平滚动条)
  90. enableFixedMode(mode)//-1-on,0-off
  91. 是否显示复选框
  92. enableCheckBoxes(mode,hidden)//mode0/1hidden0/1
  93. 设置节点图片
  94. setStdImages(image1,image2,image3)//a0-imagefornodewithoutchildrensa1-imageforclosednodea2-imageforopenednode
  95. 设置是否显示树线
  96. enableTreeLines(mode)
  97. 设置图片
  98. setImageArrays(arrayName,image1,image2,image3,image4,image5)//image1-linecrossedimageimage2-imagewithtoplineimage3-imagewithbottomlineimage4-imagewithoutlineimage5-singlerootimage
  99. 展开当前节点(一节)
  100. _openItem(node)
  101. openItem(itemId)
  102. 合拢当前节点(一节)
  103. closeItem(itemId)
  104. 获取节点的层节数
  105. getLevel(itemId)
  106. 设置节点是否允许被合拢
  107. setItemCloseable(itemId,flag)//flag0/1
  108. 对于展开节点返回子节点数量,对于未加载子节点的节点(异步加载)返回true
  109. hasChildren(itemId)
  110. 获取节点下的子节点数
  111. _getLeafCount(itemNode)
  112. 设置节点名称
  113. setItemText(itemId,newLabel,newTooltip)
  114. 获取节点tip
  115. getItemTooltip(itemId)
  116. 刷新节点
  117. refreshItem(itemId)
  118. 设置节点图片
  119. setItemImage2(itemId,image1,image2,image3)//image1-nodewithoutchildrensimageimage2-closednodeimageimage3-opennodeimage
  120. 设置节点图片
  121. setItemImage(itemId,image1,image2)//image1-nodewithoutchildrensimageorclosednodeimage(ifimage2specified)image2-opennodeimage(optional)
  122. 获取节点下所有子节点id以逗号分割
  123. getSubItems(itemId)
  124. getAllSubItems(itemId)
  125. 获取节点的所有子节点
  126. _getAllScraggyItems(node)
  127. 获取选中节点的名称--(withHTMLformatting,ifany)
  128. getSelectedItemText()
  129. 设置节点的选中状态
  130. setCheck(itemId,state)//state-checkboxstate(0/1/unsure)
  131. 设置节点及所有子节点的选中状态
  132. setSubChecked(itemId,state)
  133. 获取节点的选中状态return:nodestate(0-unchecked,1-checked,2-thirdstate)
  134. isItemChecked(itemId)
  135. 删除节点的所有子节点
  136. deleteChildItems(itemId)
  137. 删除节点
  138. deleteItem(itemId,selectParent)//selectParent-Iftrueparentofdeleteditemgetselection,elsenoselecteditemsleavingintree.
  139. 在节点下创建一个节点,前三个参数是必须的
  140. insertNewNext(itemId,newItemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)
  141. 根据index获取节点下子节点的id
  142. getChildItemIdByIndex(itemId,index)//itemId节点id
  143. 设置拖动事件
  144. setDragHandler(func)
  145. 设置是否允许拖拽
  146. //mode-enabled/disabled[canbetrue/false/temporary_disabled-lastvaluemeanthattreecanbeD-n-Dcanbeswitchedtotruelater]
  147. //rmode-enabled/disableddraganddroponsuperroot
  148. enableDragAndDrop(mode,rmode)
  149. 设置是否允许IE缓存
  150. preventIECashing=function(mode)//mode-enable/disablerandomseed(disabledbydefault)
  151. 设置是否允许选中节点名称高亮显示
  152. enableHighlighting(mode)//mode-1-on,0-off
  153. 是否允许图片可点击和拖拽(clickableanddragable)
  154. enableActiveImages(mode)//mode-1-on,0-off
  155. 设置节点获得焦点
  156. focusItem(itemId)
  157. 获取所有无子节点的节点id
  158. getAllChildless()
  159. getAllLeafs()
  160. 获取所有有子节点的节点id
  161. getAllItemsWithKids()
  162. 获取所有被选中节点id,不包括第三中状态的节点(部分选中的节点)
  163. getAllChecked()
  164. 获取所有被选中节点id,包括第三中状态的节点(部分选中的节点)
  165. getAllCheckedBranches()
  166. 获取节点下所有未选中的节点id,不传递itemId表示从根节点开始查找
  167. getAllUnchecked(itemId)
  168. 获取所有部分选中的节点id(因部分子节点选中而被选中的节点)
  169. getAllPartiallyChecked()
  170. 设置节点样式
  171. setItemStyle(itemId,style_string)
  172. 设置是否允许拖拽图片
  173. enableImageDrag(mode)
  174. setfunctioncalledwhentreeitemdragedoveranotheritem
  175. setOnDragIn(func)
  176. 设置拖拽是是否允许自动滚动
  177. enableDragAndDropScrolling(mode)
  178. 补充说明:加载树时,必须确保所有节点的id不重复,否则控件会为重复id自动生成一个随机数(原id+"_"+当前日期)。
  179. 增加了一个dhtmlXTreeExtend.js对原类进行扩展,增加了getAllCheckedLeaf(),getAllUcCheckedLeaf()两个函数
  180. 修改了1个bug:
  181. 1增加没有选中节点时执行展开/收缩选定节点时报没有parentId的bug
  182. dhtmlXTreeObject.prototype.setSubChecked=function(itemId,state){
  183. if(itemId)
  184. {
  185. varsNode=this._globalIdStorageFind(itemId);
  186. this._setSubChecked(state,sNode);
  187. this._correctCheckStates(sNode.parentObject);
  188. }
  189. }
  190. 1增加了未传递itemId参数时默认从根节点展开
  191. dhtmlXTreeObject.prototype.openAllItems=function(itemId)
  192. {
  193. if(itemId==window.undefined)itemId=this.rootId;
  194. vartemp=this._globalIdStorageFind(itemId);
  195. if(!temp)return0;
  196. this._xopenAll(temp);
  197. };

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/197294.html

更多阅读

YET在现在完成时的用法 现在完成时的基本用法

在现在完成时的句子中,already常用于肯定句,yet常用于否定句和疑问句,但yet还有其他用法。1. 用于否定句中,意思是还、尚、迄今、到那时”。例如 he is notyet here. 他还未到。 at three o”clock they had not yet decidedwhether to

转载 关于aspxTreeList的用法 dev treelist

原文地址:关于aspxTreeList的用法作者:叶枫要求:根据ID来控制ImageButton的显示和隐藏(所有数据加载时进行控制).aspx页面<dxwtl:ASPxTreeList ID="treeListSysModule"runat="server" KeyFieldName="ID"ParentFieldName="PID" Width=

《作曲大师》的基本用法 风雅作曲大师免费版

《作曲大师》的基本用法我对简谱知识只是粗略的了解一些,尤其是专业名词说不上来,有朋友需要,还是要硬着头皮介绍一下有关使用《作曲大师》做歌篇的基本步骤及方法。1. 设置:进入软件后,设定歌名、作曲等等,设定声部(单谱或二声部、四声

VLOOKUP的基本用法 函数vlookup的用法

VLOOKUP函数在表格或数值数组的首列查找指定的数值,并由此返回表格或数组中该数值所在行中指定列处的数值。这里所说的“数组”,可以理解为表格中的一个区域。数组的列序号:数组的“首列”,就是这个区域的第一纵列,此列右边依次为第2列

声明:《关于dhtmlxtree基本用法 dhtmlxtree 例子》为网友咏胎分享!如侵犯到您的合法权益请联系我们删除