Toolbar 方法概述
信息
如需在 Toolbar 中处理数据，请使用 parse() 方法。
| 名称 | 描述 |
|---|---|
| disable() | 禁用并淡化 Toolbar 的一个或多个项目 |
| enable() | 启用 Toolbar 中已禁用的一个或多个项目 |
| getSelected() | 返回包含已选项目 ID 的数组 |
| getState() | 获取控件的当前值/状态 |
| hide() | 隐藏 Toolbar 的一个项目 |
| isDisabled() | 检查 Toolbar 的某个项目是否已禁用 |
| isSelected() | 检查指定的 Toolbar 项目是否已被选中 |
| paint() | 在页面上重新绘制 Toolbar |
| select() | 选中 Toolbar 的指定项目 |
| setFocus() | 通过 ID 将焦点设置到 Input 控件上 |
| setState() | 设置控件的值/状态 |
| show() | 显示 Toolbar 的一个项目 |
| unselect() | 取消选中已选中的 Toolbar 项目 |
const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
view: {
toolbar: true
}
});
// 禁用 "file" 项目
editor.toolbar.disable("$file");
// 禁用 "file" 和 "scale" 项目
editor.toolbar.disable(["$file", "$scale"]);
// 禁用所有项目
editor.toolbar.disable();
TreeCollection 方法概述
您可以使用 Suite 中的以下 TreeCollection 方法：
| 名称 | 描述 |
|---|---|
| add() | 向组件添加一个项目 |
| canCopy() | 检查是否可以将某个控件复制到另一个控件中 |
| copy() | 添加项目的副本并将其放置在指定位置 |
| eachChild() | 遍历控件的子项目 |
| eachParent() | 遍历所有父级项目（直接父项及其父项，依此类推，直到父项为组件本身） |
| exists() | 检查指定项目是否存在于组件中 |
| filter() | 按指定条件筛选控件 |
| forEach() | 遍历树集合的所有项目 |
| getFilters() | 返回包含已应用筛选条件的对象 |
| getId() | 获取项目的 ID |
| getIndex() | 获取项目的当前位置 |
| getItem() | 通过 ID 获取项目 |
| getItems() | 获取控件的子项目 |
| getLength() | 统计控件的子项目数量 |
| getParent() | 获取控件父项的 ID |
| getRoot() | 返回主组件的 ID |
| haveItems() | 检查项目是否包含子项目 |
| move() | 将项目移动到不同位置 |
| refreshItems() | 刷新控件的子项目 |
| remove() | 删除一个项目 |
| removeAll() | 清空组件中的所有控件 |
| resetFilter() | 重置当前生效的筛选条件 |
| restoreOrder() | 将组件恢复到排序/筛选之前的状态 |
| save() | 将树集合中所做的更改保存到服务器端 |
| serialize() | 将组件数据序列化为 JSON、XML 或 CSV 格式 |
| sort() | 根据指定条件对控件进行排序 |
| update() | 更改一个项目 |
const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
view: {
toolbar: true
}
});
// 删除 Toolbar 中的所有项目
editor.toolbar.data.removeAll();