Skip to main content

Cascader

Container properties

All component configurations support Container properties at the first level.

Component properties

NameTypeDefaultSupports Variable PatternDescription
classNamestring✔️The className of the component
styleobjectThe style of the component
dataUrlConditionalListOrSinglePropertyPropType(string)✔️Get data through dataUrl
dataResponseKeyPathstringThe data exists in the key path in the response data
translateDataResponseboolfalseIs the translation request result required
dataFiltersConditionalListPropertyPropType(DataFilters)✔️Fixed filter conditions hidden by requesting data source cannot be changed through the interface
debounceTimenumber200Debounce time for requesting data
optionsArray<{ value: string | number, label: string }>antd Cascader element
mapping{ value: string, label: string | number, children: string }{ value: 'value', label: 'label', children: 'children' }The mapping relationship of value, the data is saved by default { value, label }. If other keys are provided, they will be saved together.
multipleboolfalseMultiple selection
useOriginValueboolfalseWhether to save the original value of the mapping relationship
stringEqualboolfalseOption id is converted to string or not.
buildTreeBystring | { parent: string, parentPointee: string }Automatically build a tree structure based on fields

All the remaining componentsProps will be passed to the component root element(Cascader)。

JS API

The interface obtained through formApi.getFieldApi() is as follows:

NameTypeDescription
nodeHTML ElementThe root DOM element of the component