Wtyczka oparta jQuery EasyUI - pasek postępu Progressbar
Wtyczka jQuery EasyUI Przez $ .fn.progressbar.defaults przesłonić domyślne ustawienia domyślne.
Pasek postępu (progressbar) zapewnia wyświetlanie informacji zwrotnej o postępach operacji przez długi czas. Postęp może być aktualizowana, aby pozwolić użytkownikowi znać aktualnie wykonywane operacje.
polegać
- żaden
zwyczaj
Tworzenie paska postępu (ProgressBar)
Pasek postępu (ProgressBar) komponent może tworzyć tagi z HTML lub programowania stworzony. Utworzono z tagiem łatwiejsze do klasy "easyui-Progressbar 'dodany do znacznika <div>.
<Div id = klasa "p" = "easyui-Postępu" dane-options = "wartość: 60" style = "width: 400px;"> </ div>
Użyj javascript, aby utworzyć pasek postępu (ProgressBar).
<Div id = "p" style = "width: 400px;"> </ div>
$ ( '# P "). Progressbar ({
Wartość: 60
});
Pobiera lub ustawia wartość
Dostajemy bieżącą wartość składnika i ustawić nową wartość.
wartość zmienna = $ ( '# p') progressbar ( "getValue") .;
if (value <100) {
Wartość + = Math.floor (Math.random () * 10);
. $ ( '# P') progressbar ( "setValue", wartość);
}
nieruchomość
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| width | string | 设置进度条（progressbar）的宽度。 | auto |
| height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
| value | number | 百分比值。 | 0 |
| text | string | 显示在组件上的文本模板。 | {value}% |
wydarzenie
| 名称 | 参数 | 描述 |
|---|---|---|
| onChange | newValue,oldValue | 当值改变时触发。 代码实例：
$('#p').progressbar({
onChange: function(value){
alert(value)
}
});
|
sposób
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| resize | width | 调整组件尺寸。 代码实例：
$('#p').progressbar('resize'); // 调整进度条为初始宽度
$('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度
|
| getValue | none | 返回当前的进度值。 |
| setValue | value | 设置一个新的进度值。 |
Wtyczka jQuery EasyUI