進度條可以提供反饋乙個長時間執行的操作的顯示進展。這個程序可以更新,能夠讓使用者知道當前操作執行的進度,提高使用者體驗。
使用$.fn.progressbar.defaults過載預設值。
名稱型別
描述預設值
width
string
設定進度條(progressbar)的寬度。
auto
height
number
元件的高度。該屬性自版本 1.3.2 起可用。
22value
number
百分比值。
0text
string
顯示在元件上的文字模板。%名稱
引數描述
onchange
newvalue,oldvalue
當值改變時觸發。
**例項:
$('#p').progressbar(});名稱
引數描述
options
none
返回選項(options)物件。
resize
width
調整元件尺寸。
**例項:
$('#p').progressbar('resize'); // 調整進度條為初始寬度$('#p').progressbar('resize', 350); // 調整進度條為乙個新的寬度
getvalue
none
返回當前的進度值。
setvalue
value
設定乙個新的進度值。
一、建立元件
1.class載入
2.js載入
二、屬性
生成的html
60%
60%
三、事件onchange:在值更改的時候觸發
四、方法1.options
輸出的結果
五、設定預設值
$.fn.progressbar.defaults.value = 60;
demo動態進度條
檔案上傳
easyUi基礎元件
1 panel元件 2 messager元件 3 datebox元件 日期框 4 datetimebox元件 日期時間框元件 5 timespinner元件 時間微調器 6 calendar元件 7 numberbox元件 8 numberspinner元件 9 validatebox元件 驗證框 ...
EasyUI基礎小知識
一 匯入的jar包 jquery 1.7.2.min.js jquery.easyui.min.js easyui.css con.css easyui lang zh cn.js 為了支援中文注意 最好是先導入jquery 1.7.2.min.js再匯入jquery.easyui.min.js。二...
easyui 基礎元件 window
window 依賴下面三個元件,就是繼承,所以下面的特性和方法 事件都可以用 window 和panel不同之處,可以有拖拽移動draggable,拖改變大小reziable,預設都設定了上面4個工具欄為true 最大,最小,摺疊,關閉 modal特性,是否是模態,false時,可以點選 點選 為t...