1. 名词解释
控件:用于开始一个即时操作,标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。
2. 样式展示
• 大按钮
• 中按钮
• 小按钮
• 左图右文
• 上图下文
3. 控件属性
3.1 通用属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String |
| 按钮的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性 |
类型 | type | String | btn |
|
文本 | title | String |
| 设置按钮的名称,这里可以设置多语言,在不同语言环境显示当前语种 |
大小 | size | String | lg:大 | 按钮的大小 lg:大; sm:中; xs:小; ws:微; |
风格类型 | btnType | String | default:背景色白 | 按钮的风格类型:设置按钮背景色 default:背景色白; primary:背景色深蓝; success:背景色绿; info:背景色浅蓝; warning:背景色黄; danger:背景色红; link:背景色紫; second:背景色白 |
状态 | status | String | show:显示 | 按钮的状态 show:显示; hide:隐藏; disabled:禁用; |
按钮样式 | btnstyle | String | btntext:文本 | 按钮样式 btntext:文本; btnupicdtext:上图下文; btnlpicrtext:左图右文; |
选择图标 | btnicon | 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 |
| 设置控件上外边距,像素和百分比两种格式,填写数字 |
边框颜色 | border-color | String |
| 设置控件边框颜色 |
字体大小 | font-size | String |
| 设置控件字体大小,像素和百分比两种格式,填写数字 |
4.控件事件
• 点击事件
在定义了点击事件名后点右上角的保存按钮,js事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法
5.控件方法
• 禁用
mbos("控件id").disable();
• 不禁用
mbos("控件id").enable();
• 隐藏
mbos("控件id").hide();
• 显示
mbos("控件id").show();
• 清除
mbos("控件id").remove();