amis/docs/zh-CN/components/form/select.md
2021-09-13 10:35:32 +08:00

7.7 KiB
Executable File

title description type group menuName icon order
Select 选择器 0 null Select 选择器 48

基本用法

参考 Options

自定义菜单

{
    "type": "form",
    "body": [
        {
            "label": "选项",
            "type": "select",
            "name": "select",
            "menuTpl": "<div>${label} 值:${value}, 当前是否选中: ${checked}</div>",
            "options": [
                {
                    "label":"A",
                    "value":"a"
                },
                {
                    "label":"B",
                    "value":"b"
                },
                {
                    "label":"C",
                    "value":"c"
                }
            ]
        }
    ]
}

属性表

除了支持 普通表单项属性表 中的配置以外,还支持下面一些配置

属性名 类型 默认值 说明
options Array<object>Array<string> 选项组
source API数据映射 动态选项组
autoComplete API 自动提示补全
delimeter string false 拼接符
labelField string "label" 选项标签字段
valueField string "value" 选项值字段
joinValues boolean true 拼接值
extractValue boolean false 提取值
checkAll boolean false 是否支持全选
checkAllLabel string 全选 全选的文字
checkAllBySearch boolean false 有检索时只全选检索命中的项
defaultCheckAll boolean false 默认是否全选
creatable boolean false 新增选项
multiple boolean false 多选
searchable boolean false 检索
createBtnLabel string "新增选项" 新增选项
addControls Array<表单项> 自定义新增表单项
addApi API 配置新增选项接口
editable boolean false 编辑选项
editControls Array<表单项> 自定义编辑表单项
editApi API 配置编辑选项接口
removable boolean false 删除选项
deleteApi API 配置删除选项接口
autoFill object 自动填充
menuTpl string 支持配置自定义菜单
clearable boolean 单选模式下是否支持清空
hideSelected boolean false 隐藏已选选项