介绍
dhtmlxTree是一个功能丰富的JavaScript树菜单 它允许您快速添加一个好看的,基于ajax的web页面的分层树。
treeview支持在线节点编辑、先进的拖放,三态复选框等等。由于特殊的技巧,这个JavaScript树控件能够迅速和有效地加载大数据。
特征：
注意,一些功能仅在专业版可用。下面的API说明中 标有pro标识的方法 是专业版本才提供的特性
1.跨浏览器兼容性(Chrome,火狐,谷歌,Safari,IE)支持ie6哦
2.支持RTL
3.支持多种数据源格式(XML, JavaScript, JSON, CSV)
4.可在线编辑
5.服务器端集成dhtmlxConnector
6.支持键盘方向键操作
7.支持多选
8.支持右键菜单
9.高级拖放功能
10.与的拖放交互
11.全面的js api
12.动态加载大数据
13.智能xml解析
14.智能渲染大数据树
15.xml的序列化
16.复选框(两个/三个州,禁用/隐藏),单选按钮
17.可定制的外观
18.无限的用户节点数据
中文API
方法
| 用于配置键盘导航键 | |
| 添加自定义事件 | |
| 更改某项id | |
| 取消选中项的剪切 | |
| 取消选择树中的项 | |
| 折叠所有节点 | |
| 折叠一个节点 | |
| 删除某节点下的所有的子节点 | |
| 删除一个节点(某节点以及所有子节点) | |
| 删除树和清除内存 | |
| 删除自定义事件 | |
| 禁用复选框 | |
| 剪切选中项 | |
| 粘贴选中项 | |
| 编辑某项(by id) | |
| 使图片能够点击或者拖动,默认情况下只有文字才可以 | |
| 在cookie中启用或者禁用自动保存选择的节点 | |
| 开启节点本文的提示tooltip | |
| 显示或者隐藏所有复选框 | |
| 开启右键菜单 | |
| 开启大数据树的分布解析 (项目项加载部分的部分超时) | |
| 开启/禁用拖放 | |
| 在拖放操作中启用/禁用自动滚动 | |
| 开启项的文字高亮 (当鼠标移上去的时候) | |
| 用背景图片取代img标签 来解决ie6下的图片缓存问题 | |
| 开启点击项的图标也能够拖动该项 (默认只有项的文本可以) | |
| 开启允许编辑条目的文本 | |
| 开启项可以按关键字检索 | |
| 开启在树上可以键盘导航 | |
| 开启/禁用 "loading..." 项 | |
| 开启拖动的时候不删除项(复制不移动) | |
| 开启文本换行 | |
| 开启多选 | |
| 开启RLT模式 | |
| 开启使用单选按钮 | |
| 开启单选模式 | |
| 开启智能复选框 | |
| 开启智能渲染模式 | |
| 启用/禁用智能xml解析模式 | |
| 用文本标志代替图片的(展开折叠图标) | |
| 开启三态复选框(级联选中父节点) | |
| 显示/隐藏 树节点icon | |
| 启用/禁用 树的线条样式 | |
| 通过文本查找某项, 选中并聚焦 | |
| 通过文本查找某项 | |
| 返回所有选中的节点id的集合,默认分隔符分隔 | |
| 返回所有选中的复选框和是三态复选框的节点id的集合,默认分隔符分隔 | |
| 获取所有子节点id的集合 ,默认分隔符分隔 | |
| 返回有子节点项的集合,默认分隔符分隔 | |
| 返回所有选中的并且是三态复选框的节点id的集合,默认分隔符分隔 | |
| 返回所有子层次下的子嵌套集合(相对于指定的项) | |
| 返回复选框没有被选择的节点集合,默认分隔符分隔 | |
| 通过index获取子节点id | |
| 得到当前状态分布的解析 | |
| 通过id获取节点在子集合中的下标 | |
| 获取项的颜色 | |
| 通过节点下标获取节点id | |
| 获取节点图片的路径 | |
| 获取当前项的解析状态 | |
| 获取节点文本 | |
| 获取项的 tooltip | |
| 获取节点等级 (位置层次结构) | |
| 获取节点开闭的状态 | |
| 获得父节点id | |
| 获取选中节点id | |
| 获取选中节点文本 | |
| 返回一级子节点的id集合 | |
| 获取用户数据 | |
| 获取当前加载xml的状态 | |
| 获取子节点的数目 | |
| 插入新的子节点 | |
| 插入新项 | |
| 在指定项旁插入新项 | |
| 获取项的选中状态 | |
| 是否锁定 锁定返回true | |
| 从csv file文件中加载树的数据源 | |
| 从csv 字符串中加载树的数据源 | |
| 从数组对象中加载树的数据源 | |
| 从数组对象文件中加载树的数据源 | |
| 从json文件中加载树的数据源 | |
| 从json对象中加载树的数据源 | |
| 从cookie恢复打开的节点 | |
| 从cookie中加载树 | |
| 从xml文件中加载数据源 | |
| 从xml 字符串中加载数据源 | |
| 锁定或者解锁某一项 | |
| 锁定树 | |
| 给所有树节点添加拖放功能 | |
| 添加一个拖放功能到一个html对象中 | |
| 移动一项(inside of tree) | |
| 展开所有节点 | |
| 展开目标节点和所有子节点 (the same as openallitems, but works in dynamic trees) | |
| 展开一个节点 | |
| 展开动态加载的树节点 (加载结束再展开) | |
| 在给一个节点添加子节点后 该节点则成为展开的父节点 | |
| 通过在url中添加随机值来防止缓存 | |
| 从xml中刷新项 | |
| 刷新指定节点 (只更新xml数据源中的指定内容) | |
| 初始化时候替换xml中的实体内容(default are: ampersand, lessthen and greaterthen 运算符) | |
| 从cookie中恢复选择的项 | |
| 保存打开的节点到cookie | |
| 将选择项到cookie | |
| 保存到cookie | |
| 选择指定节点 | |
| 序列化成树的xml格式 | |
| 序列化成树的json格式 | |
| 设置节点的复选框的状态 | |
| 设置Cross Signs前缀和后缀的文本符号（默认[]） | |
| sets children calculation mode | |
| 设置自定义排序函数 有两个参数 | |
| 设置一个默认的数据传输模式 | |
| 设置拖放行为 | |
| 定义了哪些事件必须开始编辑的过程(双击或者单击) | |
| 设置编码格式(用于转义id请求) | |
| 设置icons的尺寸 | |
| 定义图标icon文件夹的路径 | |
| 自定义树的图片样式(线,加号,减号) | |
| 定义imgs文件夹的路径 | |
| 阻止某项关闭 | |
| 设置项文本的颜色 | |
| 为单独项设置右键菜单 | |
| 设置项的图片 | |
| 设置单独项的样式 | |
| 设置一个新节点的文本(可以是html) | |
| 为某项设置顶部偏移 | |
| 设置list的分隔符默认 (",") | |
| 为 locked 项设置图标 | |
| 配置xml序列化 | |
| 设置皮肤 | |
| 设置默认图片节点(之前必须被称为xml加载) | |
| 设置节点以及所有子节点的复选框状态 | |
| 设置目标节点的用户数据 | |
| 允许动态加载xml | |
| 动态加载 传到服务器id的数据 | |
| 显示/隐藏 树节点的某项的复选框 | |
| 显示/隐藏 (+/-) 图标 | |
| 刷新指定子项 (从服务器获得xml,添加新节点、删除未使用的节点) | |
| 刷新指定项 (从服务器获得xml,添加新节点、删除未使用的节点) | |
| 排序 | |
| 停止编辑 | |
| 修改项目的属性 |
事件
| 当所有子节点加载完并打开的时候触发 | |
| 选中或取消选中一个项目之前触发 | |
| 在鼠标右键进行右键菜单前触发 | |
| 当项开始拖动的时候触发 (项被选择并且鼠标开始拖动时候) | |
| 选中或取消选中事件(复选框) | |
| 点击事件 | |
| 双击事件 | |
| 指定项拖放到其它项上时触发 但是在该项的运动处理之前触发 | |
| 指定项被拖放到某项上面时候触发 | |
| fires when drag-and-drop has already been processed; besides, fires when the nodes are moved programmatically | |
| 4个不同的编辑阶段触发: 开始编辑前(可以被取消), 开始编辑后,结束编辑前 (可以被取消), 结束编辑后 | |
| 取消编辑后触发 | |
| 键盘按键后触发 | |
| 鼠标移上去触发 | |
| 鼠标离开项的区域触发 | |
| 在该项的openitemsdynamic 方法触发之后触发 | |
| 某项打开后触发 | |
| 某项打开之前触发 | |
| 单击右键触发 | |
| 选择某项后触发 | |
| xml加载完毕一组数据呈现后触发 | |
| xml加载开始时候触发 |