jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條

更新時(shí)間：2011年09月29日 01:08:56 作者：

jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條，使用jQuery EasyUI的朋友可以參考下。

用$.fn.progressbar.defaults重寫(xiě)defaults。
依賴(lài)
none
用法示例
創(chuàng)建ProgressBar
ProgressBar能夠從html標(biāo)記創(chuàng)建或者編程創(chuàng)建。從標(biāo)記創(chuàng)建更容易些，把 'easyui-progressbar' 類(lèi)加入到<div/>標(biāo)記。

復(fù)制代碼代碼如下:

獲取或者設(shè)置值
我們獲取當(dāng)前值并且給這個(gè)組件設(shè)置一個(gè)新值。

復(fù)制代碼代碼如下:

 
var value = $('#p').progressbar('getValue'); 
if (value < 100){ 
value += Math.floor(Math.random() * 10); 
$('#p').progressbar('setValue', value); 
} 

特性

名稱(chēng)	類(lèi)型	說(shuō)明	默認(rèn)值
width	string	設(shè)置progressbar的寬度。	auto
value	number	百分比值。	0
text	string	顯示在組件上的文字的模板。	{value}%

事件

名稱(chēng)	參數(shù)	說(shuō)明
onChange	newValue,oldValue	當(dāng)值改變的時(shí)候觸發(fā)。

方法

名稱(chēng)	參數(shù)	說(shuō)明
options	none	返回options對(duì)象。
resize	width	調(diào)整組件尺寸。
getValue	none	返回當(dāng)前的進(jìn)度值。
setValue	value	設(shè)置一個(gè)新的進(jìn)度值。

您可能感興趣的文章:

相關(guān)文章

jQuery結(jié)合Json提交數(shù)據(jù)到Webservice，并接收從Webservice返回的Json數(shù)據(jù)
簡(jiǎn)單的Json數(shù)據(jù)提交,后臺(tái)結(jié)合asp.net，需要的朋友可以參考下。
2011-02-02
jQuery+json實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建復(fù)雜表格table的方法
這篇文章主要介紹了jQuery+json實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建復(fù)雜表格table的方法,涉及jQuery針對(duì)json數(shù)據(jù)的解析與表格動(dòng)態(tài)創(chuàng)建操作相關(guān)技巧,需要的朋友可以參考下
2016-10-10
jquery獲取select選中值的方法分析
這篇文章主要介紹了jquery獲取select選中值的方法,結(jié)合實(shí)例詳細(xì)分析了jQuery獲取select選中項(xiàng)option文本值及value值的方法,同時(shí)給出了JavaScript獲取select選中項(xiàng)的技巧,需要的朋友可以參考下
2015-12-12
Jquery如何使用animation動(dòng)畫(huà)效果改變背景色的代碼
這篇文章主要介紹了Jquery如何使用animation動(dòng)畫(huà)效果改變背景色,需要的朋友可以參考下
2020-07-07
jQuery參數(shù)列表集合
jQuery參數(shù)列表集合，學(xué)習(xí)jquery的朋友可以收藏下。
2011-04-04
jquery實(shí)現(xiàn)文本框數(shù)量加減功能的例子分享
在做商城項(xiàng)目的時(shí)候，需要在購(gòu)物車(chē)中增加一個(gè)商品加減功能，并在加減時(shí)同時(shí)修改總價(jià)格的顯示，并且保證文本框text只能輸入純數(shù)字
2014-05-05
jquery操作select元素和option的實(shí)例代碼
這篇文章主要介紹了jquery操作select元素和option的實(shí)例代碼，感興趣的小伙伴們可以參考一下
2016-02-02
jQuery中的基本選擇器用法學(xué)習(xí)教程
這篇文章主要介紹了jQuery中的基本選擇器用法,文中分簡(jiǎn)單、進(jìn)階、高階三個(gè)部分來(lái)講解,十分詳細(xì),需要的朋友可以參考下
2016-04-04
20款非常優(yōu)秀的 jQuery 工具提示插件推薦
工具提示（Tooltip）在網(wǎng)站中的一個(gè)小功能，但卻有很重要的作用，常用于顯示一些溫馨的提示信息。如果網(wǎng)站中的工具提示功能做得非常有創(chuàng)意的話(huà)能夠加深用戶(hù)對(duì)網(wǎng)站印象
2012-07-07
使用jQuery解決IE與FireFox下createElement方法的差異
使用jQuery解決IE與FireFox下createElement方法的差異。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11