jQuery EasyUI API 中文文档 - ProgressBar 进度条
(编辑:jimmy 日期: 2025/5/24 浏览:3 次 )
用$.fn.progressbar.defaults重写defaults。
依赖
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);
}
依赖
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 EasyUI API 中文文档 - Pagination分页