设置UI引擎前端页面复选框组组件属性
复选框组组件用于实现多选项配置式批量选择,用户可在一组相关选项中同时选择多个项目。该组件支持数据驱动渲染,适用于设备参数批量配置、工艺方案多选、功能模块组合启用等工业应用场景。
前提条件
已在当前页面添加“复选框组”组件,具体操作请参见为UI引擎前端页面添加物料组件。
配置入口
- 在页面设计器的中心画布区,单击选中“复选框组”组件。
- 在右侧设置面板中,单击
,即可展开“属性”设置面板。
基础属性
|
属性名称 |
说明 |
是否支持变量绑定 |
|---|---|---|
|
绑定值 |
当前选中的选项,返回一个数组,包含所有被选中的选项值。 |
是 |
|
禁用 |
是否禁用整个复选框组。禁用后,组内所有选项均无法进行交互操作。 |
是 |
|
选项列表 |
多选功能的备选项数据源,格式为符合组件要求的对象数组。 |
是 |
|
类型 |
子项组件的呈现形式,可选值为:
|
是 |
|
最小勾选数量 |
限制用户最少需要勾选的选项个数,未达到数量时无法完成确认操作。 |
是 |
|
最大勾选数量 |
限制用户最多可以勾选的选项个数,达到数量后其余选项将自动置灰不可选。 |
是 |
|
按钮填充颜色 |
当“类型”为“button”时,激活状态下按钮的填充色与边框色。 支持颜色单词、RGB格式和十六进制格式。 |
是 |
|
文字颜色 |
当“类型”为“button”时,激活状态下按钮的文字颜色。 支持颜色单词、RGB格式和十六进制格式。 |
是 |
|
尺寸 |
复选框组的整体尺寸,仅对“button”类型子项或带有边框的“checkbox”子项生效。 |
否 |
|
垂直排列 |
设置复选框是否垂直排列。开启后选项将垂直分布,关闭时为水平分布。 |
是 |
其他
如下属性适用于UI引擎所有组件,用于精细化控制。
|
属性名称 |
说明 |
是否支持变量绑定 |
|---|---|---|
|
元素id值 |
对应HTML标签的“id”属性,同一页面内必须唯一。 |
是 |
|
样式类 |
对应HTML标签的“class”属性,为空格分隔的类名列表,用于自定义组件样式。默认为“component-base-style”。 |
是 |
|
ref引用类 |
对应Vue的“ref”属性,用于注册模板引用以访问组件实例方法。 如果为“数据源表单”组件,会自动填充默认值。 |
是 |