1. 名词解释
复选框控件:复选框是在一组选项中进行多项选择的字段,一般配置表单使用
2. 样式展示
视觉展示
• 风格一
• 风格二
3.控件属性
3.1 通用属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String |
| 复选框的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性 |
类型 | type | String | checkbox |
|
标题 | title | String |
| 设置复选框的标题 |
初始值 | initvalue | String |
| 只有在表单新增状态时初始值设置才生效,编辑、查看这两种状态初始值是不生效的 |
禁用 | disabled | Boolean | false | 只有在表单模式下会显示,新增、编辑、查看状态都生效 控件是否禁用;是:禁用;否:不禁用 |
默认隐藏 | ishide | Boolean | false | 只有在表单模式下会显示,新增、编辑、查看状态都生效 控件是否隐藏;是:隐藏;否:不隐藏 |
帮助文本 | tooltip | String |
| 只有在表单模式下会显示,为填写该字段做指引 |
布局设置
属性名 | 属性ID | 类型 | 默认值 | 说明 |
占宽比 | row | int | 0 | 把整个页面分为12等分,选择数字控件宽度占12等分的几等分 |
左偏移 | offset | int | 12 | 把整个页面分为12等分,选择数字控件向右便宜占12等分的几等分 |
3.2 样式属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
自定义样式类 | customclass | String |
| 用户可以自定义样式,也可以选择默认样式 |
背景色 | background-color | String |
| 设置控件背景颜色 |
字体颜色 | color | String |
| 设置控件字体颜色 |
圆角半径 | border-radius | String |
| 设置控件圆角半径,像素和百分比两种格式,填写数字 |
高度 | height | String |
| 设置控件高度,像素和百分比两种格式,填写数字 |
宽度 | width | String |
| 设置控件宽度,像素和百分比两种格式,填写数字 |
右内边距 | padding-right | String |
| 设置控件右内边距,像素和百分比两种格式,填写数字 |
左内边距 | padding-left | String |
| 设置控件左内边距,像素和百分比两种格式,填写数字 |
下内边距 | padding-bottom | String |
| 设置控件下内边距,像素和百分比两种格式,填写数字 |
上内边距 | padding-top | String |
| 设置控件上内边距,像素和百分比两种格式,填写数字 |
右外边距 | margin-right | String |
| 设置控件右外边距,像素和百分比两种格式,填写数字 |
左外边距 | margin-left | String |
| 设置控件左外边距,像素和百分比两种格式,填写数字 |
下外边距 | margin-bottom | String |
| 设置控件下外边距,像素和百分比两种格式,填写数字 |
上外边距 | margin-top | String |
| 设置控件上外边距,像素和百分比两种格式,填写数字 |
4. 控件事件
• 值改变事件
主表字段上值改变事件
new_value:改变后值 old_value:改变前值
分录字段上值改变事件
new_value:改变后值 old_value:改变前值 index 分录行
5.控件方法
• 选中与不选中切换
主表字段:mbos("控件id").select();
分录字段:mbos("控件id",行号).select(); 注 行号从0开始
• 禁用
主表字段:mbos("控件id").disable();
分录字段:mbos("控件id",行号).disable(); 注 行号从0开始
• 不禁用
主表字段:mbos("控件id").enable();
分录字段:mbos("控件id",行号).enable(); 注 行号从0开始
• 隐藏
主表字段:mbos("控件id").hide();
分录字段:mbos("控件id",行号).hide(); 注 行号从0开始
• 显示
主表字段:mbos("控件id").show();
分录字段:mbos("控件id",行号).show(); 注 行号从0开始
• 获取当前选中状态
主表字段:mbos("控件id").value(); ‘true’选中 ‘false’未选中
分录字段:mbos("控件id",行号).value(); 注 行号从0开始 ‘true’选中 ‘false’未选中