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
dataUrlResolveMode'strict' | 'loose' | 'smart''strict'Controls request behavior when :variable resolution fails in dataUrl. strict: no request if any variable fails; loose: failed variables become empty strings, request proceeds; smart: path variable failure blocks request, query variable failure removes that parameter and proceeds.
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