下拉多选表单

组件 ID: selects

这是一个标准的 SunForm 表单组件，支持可视化配置与低代码生成。

JSON 配置示例

直接复制以下 JSON 到配置文件中即可使用。

{
  "type": "selects",
  "props": {
    "label": "选项3",
    "value": "3",
    "list": [],
    "apiSet": "{",
    "labelAlign": "left",
    "labelPosition": "top",
    "labelWidth": "120upx",
    "zdname": "",
    "hasLabel": true,
    "required": false
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`label`	string	下拉多选	标签文本/标题
`labelAlign`	string	left	标签对齐方式
`labelPosition`	string	top	标签位置 (top/left)
`labelWidth`	string	120upx	标签宽度
`zdname`	string	-	暂无描述
`hasLabel`	boolean	true	暂无描述
`required`	boolean	false	是否必填
`readonly`	boolean	false	是否只读
`disabled`	boolean	false	是否禁用
`hide`	boolean	false	是否隐藏该组件
`size`	string	default	组件尺寸 (small/default/large)
`value`	object	[]	表单值 / 绑定值
`valueStr`	object	[]	暂无描述
`direction`	string	row	排列方向 (row/column)
`multiple`	boolean	true	是否多选
`placeholder`	string	请选择	占位提示文本
`showClear`	boolean	true	暂无描述
`filter`	boolean	false	暂无描述
`searchHeight`	number	400	暂无描述
`searchPlaceholder`	string	搜索	暂无描述
`searchApi`	string	-	暂无描述
`searchParams`	string	-	暂无描述
`searchListRef`	string	-	暂无描述
`searchLabelRef`	string	-	暂无描述
`searchValueRef`	string	-	暂无描述
`apiSet`	object	{	API 接口配置对象 (url, method, params)
`method`	string	post	暂无描述
`apiurl`	string	-	暂无描述
`params`	object	[]	暂无描述
`headers`	object	[]	请求头配置
`isQuery`	boolean	false	暂无描述
`contentType`	string	JSON	暂无描述
`paramsFormat`	string	-	暂无描述
`headersFormat`	string	-	暂无描述
`successFormat`	string	-	暂无描述
`errorFormat`	string	-	暂无描述
`labelField`	string	-	暂无描述
`valueField`	string	-	暂无描述
`beforeSend`	string	-	暂无描述
`list`	object	[{	暂无描述
`label`	string	选项1	标签文本/标题
`value`	string	1	表单值 / 绑定值
`label`	string	选项2	标签文本/标题
`value`	string	2	表单值 / 绑定值
`label`	string	选项3	标签文本/标题
`value`	string	3	表单值 / 绑定值
`validationRules`	object	[]	自定义校验规则
`validationState`	object	{ valid: true, message: '' }	暂无描述
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onChange`	any	null	事件回调

下拉多选 表单

JSON 配置示例

属性配置 (Props)

下拉多选表单