免费 AI IDE
Angular EasyUI 树
2020-06-24 17:27 更新
树（ TreeComponent ）在网页中以树形结构显示分层数据。 树（ TreeComponent ）向用户提供展开、折叠、拖拽、编辑和异步加载功能。
属性列表
| 名称 | 数据类型 | 作用描述 | 默认值 |
|---|---|---|---|
| data | any[ ] | 要加载的数据。 | [ ] |
| selection | any | 选中的节点。 | null |
| checkbox | boolean | 是否在每个节点前显示复选框。 | false |
| cascadeCheck | boolean | 是否进行级联检查。 | true |
事件列表
| 名称 | 参数 | 作用描述 |
|---|---|---|
| selectionChange | node | 选择节点时触发。 |
| nodeClick | node | 单击节点时触发。 |
| nodeExpand | node | 在展开节点时触发。 |
| nodeCollapse | node | 当节点被折叠时触发。 |
| nodeCheck | node | 检查节点时触发。 |
| nodeUncheck | node | 当节点未选中时触发。 |
| checkChange | nodes | 更改选中节点时触发。 |
| nodeContextMenu | node, originalEvent | 右击节点时触发。 |
字段列表
| 名称 | 类型 | 作用描述 |
|---|---|---|
| checkedNodes | any[ ] | All the checked nodes 。 |
方法列表
| 名称 | 参数 | 返回值 | 作用描述 |
|---|---|---|---|
| selectNode | node | void | 选择一个节点。 |
| checkNode | node | void | 检查节点。 |
| uncheckNode | node | void | 取消一个节点。 |
| uncheckAllNodes | none | void | 取消所有节点。 |
| doFilter | q:any | void | 执行筛选操作。 |
作用域
| 名称 | 参数 | 作用描述 |
|---|---|---|
| default | node | 节点作用域。 |
| editor | node | 编辑节点作用域。 |
注：
- 继承： None 。
- 选择器： eui-tree 。
使用方法
<eui-tree [data]="data" [(selection)]="selection"></eui-tree>
<p *ngIf="selection">Selected: {{selection.text}}</p>- 参考图例：
以上内容是否对您有帮助：
更多建议：