jQuery EasyUI API 中文文档 - ProgressBar 进度条
更新时间:2011年09月29日 01:08:56 作者:
jQuery EasyUI API 中文文档 - ProgressBar 进度条,使用jQuery EasyUI的朋友可以参考下。
用$.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结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
简单的Json数据提交,后台结合asp.net,需要的朋友可以参考下。2011-02-02
Jquery如何使用animation动画效果改变背景色的代码
这篇文章主要介绍了Jquery如何使用animation动画效果改变背景色,需要的朋友可以参考下2020-07-07
使用jQuery解决IE与FireFox下createElement方法的差异
使用jQuery解决IE与FireFox下createElement方法的差异。需要的朋友可以过来参考下,希望对大家有所帮助2013-11-11


最新评论