1.名词解释
图片控件:图片控件是用来在页面上显示图片的
2.样式展示
视觉展示
3. 控件属性
3.1 通用属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String | | 图片的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性 |
类型 | type | String | img | |
是否圆角 | isRadius | Boolean | | 设置图片是否需要圆角 |
选择图片 | url | String | | 设置图片的路径,有两种选择 系统内置图片和用户上传的图片 |
图片来源函数 | sourceScript | String | | 填写服务端函数名称,将会调用服务端函数获取图片的url |
布局设置
属性名 | 属性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. 控件事件
• 点击事件
在定义了点击事件名后点右上角的保存按钮,js事件里会自动生成对应的方法名,只需在方法名里写对应的事件方法
5. 控件方法
• 隐藏
mbos("控件id").hide();
• 显示
mbos("控件id").show();
• 清除
mbos("控件id").remove();
• 图片来源函数
代码示例:
var mbosNames = JavaImporter();
with(mbosNames) {
var id ="p4AAAACZpAj0r08D";
var size = com.kingdee.eas.base.attachment.common.AttachmentManagerFactory.getServerManager(context.getBosContext()).download();
context.setResult(size);
}
注意点:
示例代码是通过附件接口返回的,id是附件id;返回值size的格式是byte[];也可以不使用附件接口,只要返回值是字节流(byte[])即可。