Select
下拉选择
以下拉列表的方式,允许用户选择一个或同时选择多个选项的控件
API
ISelectProps
| 参数 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| allowClear | boolean | 显示清除按钮 | - |
| showSearch | boolean | 是否允许搜索(多选或单选选项超过5个时,默认允许搜索) | true |
| allowValues | (values: string[]) => string[] | 过滤选项值 | - |
| allowGroups | string[] | 过滤分组 | - |
| disabledValues | (values: string[]) => string[] | 禁用值 | - |
| options | IOption[] type IOption = { label: string; value: any; filterLabel?: string; disabled?: boolean } | 自定义选择项 | - |
用法
<View title="Select" version="2"> <Record key="person" model="trantor_doc_Person" />
<!-- <Form model="trantor_doc_Person" title="编辑态"> <Fields> <Field name="isDeleted"> <RenderType> <Select /> </RenderType> </Field> </Fields> </Form> -->
<Form model="trantor_doc_Company" title="编辑态"> <Fields> <Field name="type" label="类型"> <RenderType> <Select allowValues="#{values => values.filter(item => item === 'Limited')}"/> </RenderType> </Field> <Field name="type" label="类型"> <RenderType> <Select allowClear="#{true}" /> </RenderType> </Field> <Field name="type" label="类型"> <RenderType> <Select showSearch="#{true}" /> </RenderType> </Field> <Field name="type" label="类型"> <RenderType> <Select disabledValues="#{values => values.filter(item => item === 'Limited')}"/> </RenderType> </Field> </Fields> </Form></View>注意:当前例子为0.17.x 版本