jQuery EasyUI API 中文文档 - ProgressBar 进度条

172 阅读 0 评论 114 点赞

我是靠谱客的博主柔弱身影，最近开发中收集的这篇文章主要介绍jQuery EasyUI API 中文文档 - ProgressBar 进度条，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

用$.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); 
} 

特性

名称	类型	说明	默认值
width	string	设置progressbar的宽度。	auto
value	number	百分比值。	0
text	string	显示在组件上的文字的模板。	{value}%

事件

名称	参数	说明
onChange	newValue,oldValue	当值改变的时候触发。

方法

名称	参数	说明
options	none	返回options对象。
resize	width	调整组件尺寸。
getValue	none	返回当前的进度值。
setValue	value	设置一个新的进度值。