jQuery EasyUI API 中文文档 - ProgressBar 进度条
时间：2020-11-11 11:03:22|栏目：jquery|点击： 次
用$.fn.progressbar.defaults重写defaults。
依赖
none
用法示例
创建ProgressBar
ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' 类加入到<div/>标记。
获取或者设置值
我们获取当前值并且给这个组件设置一个新值。
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}
依赖
none
用法示例
创建ProgressBar
ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 'easyui-progressbar' 类加入到<div/>标记。
复制代码 代码如下:
<div id="p" class="easyui-progressbar" style="width:400px;"></div>
获取或者设置值
我们获取当前值并且给这个组件设置一个新值。
复制代码 代码如下:
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}
特性
| 名称 |
类型 |
说明 |
默认值 |
| width |
string |
设置progressbar的宽度。 |
auto |
| value |
number |
百分比值。 |
0 |
| text |
string |
显示在组件上的文字的模板。 |
{value}% |
事件
| 名称 |
参数 |
说明 |
| onChange |
newValue,oldValue |
当值改变的时候触发。 |
方法
| 名称 |
参数 |
说明 |
| options |
none |
返回options对象。 |
| resize |
width |
调整组件尺寸。 |
| getValue |
none |
返回当前的进度值。 |
| setValue |
value |
设置一个新的进度值。 |
栏 目：jquery
下一篇：jquery绑定事件 bind和on的用法与区别分析
本文标题：jQuery EasyUI API 中文文档 - ProgressBar 进度条
本文地址：http://www.codeinn.net/misctech/21307.html
