SyncTree 同步树 数据容器
继承自 Tree 一次性获取全部数据,不会异步加载子节点数据,适用于权限树这类场景。
API
ITreeContainerBaseProps
| 参数 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| key | boolean | 数据容器在页面内的唯一标识 | - |
| model | string | 模型Key | - |
| dataCondition | string | DataStore 数据源condition,若condition=""表示使用空条件进行查询 | - |
| dataParams | string | 给数据源 dataSource 携带参数。属性不需要写成表达式格式。使用对象格式的字符串,例如{ a: 1 }, 查询时会合并到查询参数search中 | - |
| dataSource | string | ((param: any) => any) | 树容器获取数据来源 key, 也可以通过一个方法返回mock数据 | - |
| title | string | 标题 | - |
| show | boolean | 是否显示 | - |
| onDataLoaded | (record: any) => void | 容器在数据获取完成后的回调 | - |
| parentField | string | 表示父级的 field key | - |
| hasChildrenField | string | 是否有children节点 field key | - |
| isLeafField | string | 是否是叶子节点 field key | - |
| iconField | string | 表示icon的 field key | - |
| searchable | boolean | 是否开启搜索 | - |
| checkedField | string | 表示是否勾选的 field key | - |
| asyncLoadChildren | boolean | 是否以同步方式加载子节点 | false |
| labelField | string | 显示的节点名称 | - |
| onSelect | string | 选中行数据触发 Action | - |
| optionFormat | (record: any) => string | 自定义节点渲染文本 | - |
| onAddRoot | (({ record }: { record: string }) => void) | string | 内置根节点新增按钮 | - |
| onAdd | (({ record }: { record: string }) => void) | string | 内置节点新增按钮 | - |
| onEdit | ({ record }: { record: { parent: any; label: string } }) => void | 内置编辑按钮 | - |
| onDelete | ({ record }: { record: any }) => void | 内置删除按钮 | - |
| orderField | string | 获取节点列表时的排序字段名称,配合order属性使用 | - |
| order | ’asc’ | ‘desc’ | 获取节点时的排序规则,配合orderField属性使用 | - |
移除 props asyncLoadChildren
用法
基础用法
<View title="树形容器" version="2"> <SyncTree model="trantor_doc_Tree" parentField="parent" hasChildrenField="hasChildren"> <Fields> <Field name="name"/> </Fields> </SyncTree></View>注意:当前例子为0.17.x 版本
操作
<View title="树形容器" version="2"> <SyncTree model="trantor_doc_Tree" parentField="parent" hasChildrenField="hasChildren"> <Fields> <Field name="name"/> </Fields> <RecordActions> <Action label="编辑" action="trantor_doc_Tree_update" /> <Action label="删除" action="trantor_doc_Tree_delete" after="Refresh" /> </RecordActions> </SyncTree></View>注意:当前例子为0.17.x 版本