ProgressBar 進度條

?

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

依賴

• 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	設置一個新的進度值。

轉載于:https://www.cnblogs.com/hantianwei/archive/2012/03/19/2407043.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。