电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

移动BOS控件介绍-进度条

来源:金蝶云社区作者:金蝶2024-09-224

移动BOS控件介绍-进度条

进度条说明

进度条控件用于加载页面或上传其他资源时显示进度。

 

 

效果展示

 

 

 

控件属性

 

属性名

属性ID

类型

默认值

说明

ID

ID

String



progressbar1

 

进度条ID,可以用于jquery找元素或者设置样式,也可以使用mbos('对应ID')设置控件属性

类型

type

String

进度条

标题

title

String

progressbar

设置进度条的标题

刷新间隔

intervaltime

下拉框选择

不刷新

当前进度到下一进度的间隔时间,如选择5秒,那么进度都会等5秒才加载到下一进度。下拉框中可以选择不刷新、0.5秒、1秒、5秒、10秒、60秒

显示风格

progressbarstyle

下拉框选择

条形风格

进度条的形状。下拉框中可以选择条形风格、圆形风格

线宽

strokewidth

下拉框选择

标准

进度条的粗细。下拉框中可以选择标准、粗、细

 

常用方法

 

//获取当前进度条百分比
mbos("进度条ID").attr("progressWidth");
 
//进度条加1%
mbos("进度条ID").setProcess(); 

//设置进度条百分比。(这里设置后立即加载到50%)
mbos("进度条ID").setPercent(50); 

//设置刷新间隔。(这里示例间隔为2秒)
mbos("进度条ID").setIntervalTime(2000); 

//进度条自动加载到100
mbos("进度条ID").start(); 

//进度条停止加载
mbos("进度条ID").stop();



使用示例代码

1.添加进度条控件并进行设置

 

 

 

 

2.事件里添加如下代码

//页面加载后执行
mbos('page').bind('after

移动BOS控件介绍-进度条

进度条说明进度条控件用于加载页面或上传其他资源时显示进度。 效果展示 控件属性 属性名属性ID类型默认值说明IDIDStringprogressbar1 ...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

已经是第一篇
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信