跳到主要内容

Cascader

容器属性

所有组件配置的第一层均支持容器属性

组件属性 componentsProps

NameTypeDefault是否支持 Variable PatternDescription
classNamestring✔️组件的 className
styleobject组件的 style
dataUrlConditionalListOrSinglePropertyPropType(string)✔️通过 dataUrl 获取数据
dataResponseKeyPathstring数据存在于 response data 里的 key path
translateDataResponseboolfalse是否需要翻译请求结果
dataFiltersConditionalListPropertyPropType(DataFilters)✔️请求数据源隐藏的固定 filter 条件,无法通过界面进行改变
debounceTimenumber200请求数据的 debounce time
optionsArray<{ 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,会一并进行保存
multipleboolfalse是否多选
useOriginValueboolfalse是否保存 mapping 映射关系的原始值
stringEqualboolfalse选项 id 是否转换成字符串比较相等
buildTreeBystring | { parent: string, parentPointee: string }根据字段自动构建树状结构

所有其余 componentsProps 将会被传给组件根元素(Cascader)。

JS API

通过 formApi.getFieldApi() 获取的接口如下:

NameTypeDescription
nodeHTML Element组件的根 DOM 元素