移动bos控件：步骤条控件
名词解释
步骤条控件：创建一个步骤条控件，控件通常在顶部，表示完成一个流程需要的所有步骤
样式展示
3.控件属性
3.1通用属性和展示设置
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String | 按钮的ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性 | |
控件类型 | type | String | steps | |
标题 | title | string | text | 标题文案 |
方向 | stepsDirection | string | horizontal | 类型取值： horizontal:水平 vertical:垂直 |
步骤条类型 | stepsType | string | normal | 类型取值： normal:标准步骤 number:数字步骤 |
步骤项配置 | stepsOptions | string | 点击进去配置具体的步骤项 |
3.2布局设置
属性名 | 属性ID | 类型 | 默认值 | 说明 |
占宽比 | row | number | 0 | 把一整行的宽度分成12份，选择一个份数确定控件的宽度 |
左偏移 | offset | number | 12 | 把一整行分成12份，选择一个份数表示控件向右偏移的程度 |
3.3 样式属性
属性名 | 属性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.控件事件
点击事件
在定义了点击事件名后点右上角的保存按钮，在上方工具栏里的事件会自动生成对应的方法名，只需在方法名里写对应的事件方法
5.控件方法
• 禁用
mbos("控件id").disable();
• 不禁用
mbos("控件id").enable();
• 隐藏
mbos("控件id").hide();
• 显示
mbos("控件id").show();
• 清除
mbos("控件id").remove();
6.使用方法
6.1点击左侧控件tab页中的控件，选择步骤条
6.2 新建步骤项
6.3 显示组件
移动bos控件：步骤条控件
本文2024-09-22 20:34:43发表“eas cloud知识”栏目。
本文链接：https://wenku.my7c.com/article/kingdee-eas-114540.html
