Skip to content

CommonSelectDialog

Basic data binding with options as an example

loading

Dict type

Usually getDictOptions gets the globally registered getDictOptions method

loading

API type

js
// Can be globally registered, adjust according to project specifications
registerCommonKeysMap({
  page: 'pageNo',
  size: 'pageSize',
  total: 'total',
  list: 'list',
  defaultSize: 10,
});
loading

Operations Before Confirming Selected Data

loading

Multiple Selection

loading

CommonSelectDialog Attributes (Props)

AttributeDescriptionTypeDefault
apiRequest API interface methodFunction-
dictDictionary name, used to get options from dictionarystring | string[]-
queryRequest parameter configuration methodFunction-
valueFieldValue field mapping field namestring-
labelFieldText field mapping field namestring-
parseDataMethod to transform request resultsFunction-
autoSelectFirstWhether to automatically select when there is only one data itembooleanfalse
multipleWhether it is multiple selectionbooleanfalse
needAllQueryParamsWhether to pass all query parametersbooleanfalse
appendOptionsAppended option list or methodRecord<any, any>[] | Function-
valueTypeValue type, supports 'string', 'String', 'int', 'Int''string' | 'String' | 'int' | 'Int'-
optionsBound option listRecord<any, any>[]-
ignoreByLabelIgnored label liststring[]-
joinSplitConcatenation delimiter when merging results in multiple selectionstringNone
orderBySort field namestring-
orderTypeSort order, supports 'asc' or 'desc''asc' | 'desc'-
getDictOptionsMethod to get dictionary optionsFunction-
dialog-fields-configList configurationCommonTableLayoutConfig[]-