jQuery EasyUI API 中文文檔 - ProgressBar 進度條
更新時間：2011年09月29日 01:08:56 作者：
jQuery EasyUI API 中文文檔 - ProgressBar 進度條，使用jQuery EasyUI的朋友可以參考下。
用$.fn.progressbar.defaults重寫defaults。
依賴
none
用法示例
創(chuàng)建ProgressBar
ProgressBar能夠從html標記創(chuàng)建或者編程創(chuàng)建。從標記創(chuàng)建更容易些，把 'easyui-progressbar' 類加入到<div/>標記。
獲取或者設置值
我們獲取當前值并且給這個組件設置一個新值。
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}
依賴
none
用法示例
創(chuàng)建ProgressBar
ProgressBar能夠從html標記創(chuàng)建或者編程創(chuàng)建。從標記創(chuàng)建更容易些，把 '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}% |
事件
|
名稱 |
參數(shù) |
說明 |
|
onChange |
newValue,oldValue |
當值改變的時候觸發(fā)。 |
方法
|
名稱 |
參數(shù) |
說明 |
|
options |
none |
返回options對象。 |
|
resize |
width |
調(diào)整組件尺寸。 |
|
getValue |
none |
返回當前的進度值。 |
|
setValue |
value |
設置一個新的進度值。 |
相關文章
jQuery結合Json提交數(shù)據(jù)到Webservice，并接收從Webservice返回的Json數(shù)據(jù)
簡單的Json數(shù)據(jù)提交,后臺結合asp.net，需要的朋友可以參考下。2011-02-02
jQuery+json實現(xiàn)動態(tài)創(chuàng)建復雜表格table的方法
這篇文章主要介紹了jQuery+json實現(xiàn)動態(tài)創(chuàng)建復雜表格table的方法,涉及jQuery針對json數(shù)據(jù)的解析與表格動態(tài)創(chuàng)建操作相關技巧,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了jquery獲取select選中值的方法,結合實例詳細分析了jQuery獲取select選中項option文本值及value值的方法,同時給出了JavaScript獲取select選中項的技巧,需要的朋友可以參考下2015-12-12
Jquery如何使用animation動畫效果改變背景色的代碼
這篇文章主要介紹了Jquery如何使用animation動畫效果改變背景色,需要的朋友可以參考下2020-07-07
jQuery參數(shù)列表集合，學習jquery的朋友可以收藏下。2011-04-04
jquery實現(xiàn)文本框數(shù)量加減功能的例子分享
在做商城項目的時候，需要在購物車中增加一個商品加減功能，并在加減時同時修改總價格的顯示，并且保證文本框text只能輸入純數(shù)字2014-05-05
這篇文章主要介紹了jquery操作select元素和option的實例代碼，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了jQuery中的基本選擇器用法,文中分簡單、進階、高階三個部分來講解,十分詳細,需要的朋友可以參考下2016-04-04
20款非常優(yōu)秀的 jQuery 工具提示插件 推薦
工具提示（Tooltip）在網(wǎng)站中的一個小功能，但卻有很重要的作用，常用于顯示一些溫馨的提示信息。如果網(wǎng)站中的工具提示功能做得非常有創(chuàng)意的話能夠加深用戶對網(wǎng)站印象2012-07-07
使用jQuery解決IE與FireFox下createElement方法的差異
使用jQuery解決IE與FireFox下createElement方法的差異。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11