jQuery EasyUI API 中文文档 - 进度条

ProgressBar 进度条

 

$.fn.progressbar.defaults重写defaults

jQuery EasyUI API 中文文档 - 进度条

依赖

  • none

用法示例

创建ProgressBar

ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记。

1. <div id="p" class="easyui-progressbar" style="width:400px;"></div> 

获取或者设置值

我们获取当前值并且给这个组件设置一个新值。

1. var value = $('#p').progressbar('getValue');  

2. if (value < 100){  

3.     value += Math.floor(Math.random() * 10);  

4.     $('#p').progressbar('setValue', value);  

5.

特性

名称

类型

说明

默认值

width

string

设置progressbar的宽度。

auto

value

number

百分比值。

0

text

string

显示在组件上的文字的模板。

{value}%

事件

名称

参数

说明

onChange

newValue,oldValue

当值改变的时候触发。

方法

名称

参数

说明

options

none

返回options对象。

resize

width

调整组件尺寸。

getValue

none

返回当前的进度值。

setValue

value

设置一个新的进度值。

上一篇:基于索引和位图构建的高性能数据报匹配结构


下一篇:《企业大数据系统构建实战:技术、架构、实施与应用》一2.4 本章小结