前端JS开发框架-DHTMLX--dhtmlXTree

 

介绍

 

　　dhtmlxTree是一个功能丰富的JavaScript树菜单  它允许您快速添加一个好看的,基于ajax的web页面的分层树。

　　treeview支持在线节点编辑、先进的拖放,三态复选框等等。由于特殊的技巧,这个JavaScript树控件能够迅速和有效地加载大数据。

　　在线Demo事例

 　  在线原文API

特征：

 

　　注意,一些功能仅在专业版可用。下面的API说明中 标有pro标识的方法 是专业版本才提供的特性

　　1.跨浏览器兼容性(Chrome,火狐,谷歌,Safari,IE)支持ie6哦

　　2.支持RTL

 　  3.支持多种数据源格式(XML, JavaScript, JSON, CSV)

　　4.可在线编辑

　　5.服务器端集成dhtmlxConnector

　　6.支持键盘方向键操作

　　7.支持多选

　　8.支持右键菜单

　　9.高级拖放功能

　　10.与dhtmlxGrid的拖放交互

　　11.全面的js api

　　12.动态加载大数据

　　13.智能xml解析

　　14.智能渲染大数据树

　　15.xml的序列化

　　16.复选框(两个/三个州,禁用/隐藏),单选按钮

　　17.可定制的外观

　　18.无限的用户节点数据

 

 

中文API

 

方法

assignKeys(pro)	用于配置键盘导航键
attachEvent	添加自定义事件
changeItemId	更改某项id
clearCut	取消选中项的剪切
clearSelection(pro)	取消选择树中的项
closeAllItems	折叠所有节点
closeItem	折叠一个节点
deleteChildItems	删除某节点下的所有的子节点
deleteItem	删除一个节点(某节点以及所有子节点)
destructor	删除树和清除内存
detachEvent	删除自定义事件
disableCheckbox	禁用复选框
doCut	剪切选中项
doPaste	粘贴选中项
editItem	编辑某项(by id)
enableActiveImages	使图片能够点击或者拖动,默认情况下只有文字才可以
enableAutoSavingSelected(pro)	在cookie中启用或者禁用自动保存选择的节点
enableAutoTooltips(pro)	开启节点本文的提示tooltip
enableCheckBoxes	显示或者隐藏所有复选框
enableContextMenu(pro)	开启右键菜单
enableDistributedParsing(pro)	开启大数据树的分布解析 (项目项加载部分的部分超时)
enableDragAndDrop	开启/禁用拖放
enableDragAndDropScrolling	在拖放操作中启用/禁用自动滚动
enableHighlighting	开启项的文字高亮 (当鼠标移上去的时候)
enableIEImageFix	用背景图片取代img标签 来解决ie6下的图片缓存问题
enableImageDrag	开启点击项的图标也能够拖动该项 (默认只有项的文本可以)
enableItemEditor	开启允许编辑条目的文本
enableKeySearch(pro)	开启项可以按关键字检索
enableKeyboardNavigation(pro)	开启在树上可以键盘导航
enableLoadingItem(pro)	开启/禁用 "loading..." 项
enableMercyDrag(pro)	开启拖动的时候不删除项(复制不移动)
enableMultiLineItems(pro)	开启文本换行
enableMultiselection(pro)	开启多选
enableRTL(pro)	开启RLT模式
enableRadioButtons(pro)	开启使用单选按钮
enableSingleRadioMode(pro)	开启单选模式
enableSmartCheckboxes(pro)	开启智能复选框
enableSmartRendering(pro)	开启智能渲染模式
enableSmartXMLParsing(pro)	启用/禁用智能xml解析模式
enableTextSigns(pro)	用文本标志代替图片的(展开折叠图标)
enableThreeStateCheckboxes	开启三态复选框(级联选中父节点)
enableTreeImages	显示/隐藏 树节点icon
enableTreeLines	启用/禁用 树的线条样式
findItem(pro)	通过文本查找某项, 选中并聚焦
findItemIdByLabel(pro)	通过文本查找某项
getAllChecked	返回所有选中的节点id的集合,默认分隔符分隔
getAllCheckedBranches	返回所有选中的复选框和是三态复选框的节点id的集合,默认分隔符分隔
getAllChildless	获取所有子节点id的集合 ,默认分隔符分隔
getAllItemsWithKids	返回有子节点项的集合,默认分隔符分隔
getAllPartiallyChecked	返回所有选中的并且是三态复选框的节点id的集合,默认分隔符分隔
getAllSubItems	返回所有子层次下的子嵌套集合(相对于指定的项)
getAllUnchecked	返回复选框没有被选择的节点集合,默认分隔符分隔
getChildItemIdByIndex	通过index获取子节点id
getDistributedParsingState(pro)	得到当前状态分布的解析
getIndexById	通过id获取节点在子集合中的下标
getItemColor	获取项的颜色
getItemIdByIndex	通过节点下标获取节点id
getItemImage(pro)	获取节点图片的路径
getItemParsingState(pro)	获取当前项的解析状态
getItemText	获取节点文本
getItemTooltip	获取项的 tooltip
getLevel	获取节点等级 (位置层次结构)
getOpenState	获取节点开闭的状态
getParentId	获得父节点id
getSelectedItemId	获取选中节点id
getSelectedItemText	获取选中节点文本
getSubItems	返回一级子节点的id集合
getUserData	获取用户数据
getXMLState(pro)	获取当前加载xml的状态
hasChildren	获取子节点的数目
insertNewChild	插入新的子节点
insertNewItem	插入新项
insertNewNext	在指定项旁插入新项
isItemChecked	获取项的选中状态
isLocked(pro)	是否锁定 锁定返回true
loadCSV	从csv file文件中加载树的数据源
loadCSVString	从csv 字符串中加载树的数据源
loadJSArray	从数组对象中加载树的数据源
loadJSArrayFile	从数组对象文件中加载树的数据源
loadJSON	从json文件中加载树的数据源
loadJSONObject	从json对象中加载树的数据源
loadOpenStates(pro)	从cookie恢复打开的节点
loadState(pro)	从cookie中加载树
loadXML	从xml文件中加载数据源
loadXMLString	从xml 字符串中加载数据源
lockItem(pro)	锁定或者解锁某一项
lockTree(pro)	锁定树
makeAllDraggable	给所有树节点添加拖放功能
makeDraggable	添加一个拖放功能到一个html对象中
moveItem	移动一项(inside of tree)
openAllItems	展开所有节点
openAllItemsDynamic(pro)	展开目标节点和所有子节点 (the same as openallitems, but works in dynamic trees)
openItem	展开一个节点
openItemsDynamic(pro)	展开动态加载的树节点 (加载结束再展开)
openOnItemAdded(pro)	在给一个节点添加子节点后 该节点则成为展开的父节点
preventIECaching	通过在url中添加随机值来防止缓存
refreshItem	从xml中刷新项
refreshItems(pro)	刷新指定节点 (只更新xml数据源中的指定内容)
registerXMLEntity(pro)	初始化时候替换xml中的实体内容(default are: ampersand, lessthen and greaterthen 运算符)
restoreSelectedItem(pro)	从cookie中恢复选择的项
saveOpenStates(pro)	保存打开的节点到cookie
saveSelectedItem(pro)	将选择项到cookie
saveState(pro)	保存到cookie
selectItem	选择指定节点
serializeTree(pro)	序列化成树的xml格式
serializeTreeToJSON	序列化成树的json格式
setCheck	设置节点的复选框的状态
setChildCalcHTML(pro)	设置Cross Signs前缀和后缀的文本符号（默认[]）
setChildCalcMode(pro)	sets children calculation mode
setCustomSortFunction(pro)	设置自定义排序函数 有两个参数
setDataMode	设置一个默认的数据传输模式
setDragBehavior(pro)	设置拖放行为
setEditStartAction	定义了哪些事件必须开始编辑的过程(双击或者单击)
setEscapingMode	设置编码格式(用于转义id请求)
setIconSize(pro)	设置icons的尺寸
setIconsPath	定义图标icon文件夹的路径
setImageArrays	自定义树的图片样式(线,加号,减号)
setImagesPath	定义imgs文件夹的路径
setItemCloseable	阻止某项关闭
setItemColor	设置项文本的颜色
setItemContextMenu(pro)	为单独项设置右键菜单
setItemImage	设置项的图片
setItemStyle	设置单独项的样式
setItemText	设置一个新节点的文本(可以是html)
setItemTopOffset(pro)	为某项设置顶部偏移
setListDelimeter(pro)	设置list的分隔符默认 (",")
setLockedIcons(pro)	为 locked 项设置图标
setSerializationLevel(pro)	配置xml序列化
setSkin	设置皮肤
setStdImages	设置默认图片节点(之前必须被称为xml加载)
setSubChecked	设置节点以及所有子节点的复选框状态
setUserData	设置目标节点的用户数据
setXMLAutoLoading	允许动态加载xml
setXMLAutoLoadingBehaviour(pro)	动态加载 传到服务器id的数据
showItemCheckbox(pro)	显示/隐藏 树节点的某项的复选框
showItemSign(pro)	显示/隐藏 (+/-) 图标
smartRefreshBranch(pro)	刷新指定子项 (从服务器获得xml,添加新节点、删除未使用的节点)
smartRefreshItem(pro)	刷新指定项 (从服务器获得xml,添加新节点、删除未使用的节点)
sortTree(pro)	排序
stopEdit	停止编辑
updateItem(pro)	修改项目的属性

事件

onAllOpenDynamic	当所有子节点加载完并打开的时候触发
onBeforeCheck	选中或取消选中一个项目之前触发
onBeforeContextMenu	在鼠标右键进行右键菜单前触发
onBeforeDrag	当项开始拖动的时候触发 (项被选择并且鼠标开始拖动时候)
onCheck	选中或取消选中事件(复选框)
onClick	点击事件
onDblClick	双击事件
onDrag	指定项拖放到其它项上时触发 但是在该项的运动处理之前触发
onDragIn	指定项被拖放到某项上面时候触发
onDrop	fires when drag-and-drop has already been processed; besides, fires when the nodes are moved programmatically
onEdit	4个不同的编辑阶段触发: 开始编辑前(可以被取消), 开始编辑后,结束编辑前 (可以被取消), 结束编辑后
onEditCancel	取消编辑后触发
onKeyPress	键盘按键后触发
onMouseIn	鼠标移上去触发
onMouseOut	鼠标离开项的区域触发
onOpenDynamicEnd	在该项的openitemsdynamic 方法触发之后触发
onOpenEnd	某项打开后触发
onOpenStart	某项打开之前触发
onRightClick	单击右键触发
onSelect	选择某项后触发
onXLE	xml加载完毕一组数据呈现后触发
onXLS	xml加载开始时候触发

 

 

返回导航页面