ProgressBar 進度條

?

用$.fn.progressbar.defaults重寫defaults。

依賴

• none

用法示例

創(chuàng)建ProgressBar

ProgressBar能夠從html標記創(chuàng)建或者編程創(chuàng)建。從標記創(chuàng)建更容易些，把 'easyui-progressbar' 類加入到<div/>標記。

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

獲取或者設(shè)置值

我們獲取當前值并且給這個組件設(shè)置一個新值。

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	設(shè)置progressbar的寬度。	auto
value	number	百分比值。	0
text	string	顯示在組件上的文字的模板。	{value}%

事件

名稱	參數(shù)	說明
onChange	newValue,oldValue	當值改變的時候觸發(fā)。

方法

名稱	參數(shù)	說明
options	none	返回options對象。
resize	width	調(diào)整組件尺寸。
getValue	none	返回當前的進度值。
setValue	value	設(shè)置一個新的進度值。

轉(zhuǎn)載于:https://www.cnblogs.com/hantianwei/archive/2012/03/19/2407043.html

總結(jié)

以上是生活随笔為你收集整理的jQuery EasyUI API 中文文档 - 进度条的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。