mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-14 17:01:14 +08:00
6.0 KiB
Executable File
6.0 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
InputText 输入框 | 0 | null | InputText 输入框 | 56 |
基本使用
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"name": "text",
"type": "input-text",
"label": "text"
}
]
}
不同类型
配置type
可以支持不同格式的文本输入框
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"name": "text",
"type": "input-text",
"label": "text"
},
{
"type": "divider"
},
{
"type": "input-url",
"name": "url",
"label": "链接"
},
{
"type": "divider"
},
{
"type": "input-email",
"name": "email",
"label": "邮箱"
},
{
"type": "divider"
},
{
"type": "input-password",
"name": "password",
"label": "密码"
}
]
}
附加组件
可以配置addOn
,附带附加组件,比如 button,还能设置 icon。
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"name": "text",
"type": "input-text",
"label": "text",
"addOn": {
"type": "button",
"icon": "https://suda.cdn.bcebos.com/images%2F2021-01%2Fsearch.svg",
"label": "搜索"
}
}
]
}
可清除
通过 "clearable": true
可以设置文本可清除
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"name": "text",
"type": "input-text",
"label": "text",
"clearable": true
}
]
}
选择器模式
配置options
即可支持选择器模式。
{
"type": "form",
"api": "/api/mock2/form/saveForm",
"body": [
{
"name": "text",
"type": "input-text",
"label": "text",
"options": [
{
"label": "OptionA",
"value": "a"
},
{
"label": "OptionB",
"value": "b"
},
{
"label": "OptionC",
"value": "c"
},
{
"label": "OptionD",
"value": "d"
}
]
}
]
}
选择器模式下,支持部分选择器组件支持的配置项,具体请查看下面的属性表
属性表
当做选择器表单项使用时,除了支持 普通表单项属性表 中的配置以外,还支持下面一些配置
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
options | Array<object> 或Array<string> |
选项组 | |
source | string 或 API |
动态选项组 | |
autoComplete | string 或 API |
自动补全 | |
multiple | boolean |
是否多选 | |
delimeter | string |
, |
拼接符 |
labelField | string |
"label" |
选项标签字段 |
valueField | string |
"value" |
选项值字段 |
joinValues | boolean |
true |
拼接值 |
extractValue | boolean |
false |
提取值 |
addOn | addOn |
输入框附加组件,比如附带一个提示文字,或者附带一个提交按钮。 | |
addOn.type | string |
请选择 text 、button 或者 submit 。 |
|
addOn.label | string |
文字说明 | |
addOn.xxx | string |
其他参数请参考按钮文档 | |
trimContents | boolean |
是否去除首尾空白文本。 | |
clearable | boolean |
是否可清除 | |
resetValue | string |
"" |
清除后设置此配置项给定的值。 |