移动BOS控件介绍-进度条

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

控件属性
属性名 | 属性ID | 类型 | 默认值 | 说明 |
ID | ID | String |
| 进度条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格式
声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
上一篇
已经是第一篇
下一篇



