Cascader
容器属性
所有组件配置的第一层均支持容器属性
组件属性 componentsProps
| Name | Type | Default | 是否支持 Variable Pattern | Description |
|---|---|---|---|---|
| className | string | ✔️ | 组件的 className | |
| style | object | 组件的 style | ||
| dataUrl | ConditionalListOrSinglePropertyPropType(string) | ✔️ | 通过 dataUrl 获取数据 | |
| dataResponseKeyPath | string | 数据存在于 response data 里的 key path | ||
| translateDataResponse | bool | false | 是否需要翻译请求结果 | |
| dataFilters | ConditionalListPropertyPropType(DataFilters) | ✔️ | 请求数据源隐藏的固定 filter 条件,无法通过界面进行改变 | |
| debounceTime | number | 200 | 请求数据的 debounce time | |
| options | Array<{ value: string | number, label: string }> | antd Cascader 元素的 options | ||
| mapping | { value: string, label: string | number, children: string } | { value: 'value', label: 'label', children: 'children' } | value 的映射关系,默认保存数据 { value, label },如果提供了其他 key,会一并进行保存 | |
| multiple | bool | false | 是否多选 | |
| useOriginValue | bool | false | 是否保存 mapping 映射关系的原始值 | |
| stringEqual | bool | false | 选项 id 是否转换成字符串比较相等 | |
| buildTreeBy | string | { parent: string, parentPointee: string } | 根据字段自动构建树状结构 |
所有其余 componentsProps 将会被传给组件根元素(Cascader)。
JS API
通过 formApi.getFieldApi() 获取的接口如下:
| Name | Type | Description |
|---|---|---|
| node | HTML Element | 组件的根 DOM 元素 |