jQuery EasyUI basierte Plug - Progressbar Fortschrittsbalken
jQuery Plugin EasyUI
Mit $ außer Kraft setzen .fn.progressbar.defaults die Standardeinstellungen zurück.
Fortschrittsbalken (Progressbar) stellt eine Anzeige des Betriebs Fortschritt werden für eine lange Zeit. Der Fortschritt kann aktualisiert werden, um den Benutzer zu informieren, die Operation zur Zeit durchgeführt wird.
Verlassen Sie sich
- keiner
Verwendung
Erstellen eines Fortschrittsbalken (ProgressBar)
Fortschrittsbalken (ProgressBar) Komponente erstellt Tags von HTML oder Programmierung erstellen. Geschaffen von dem Tag leichter zu "easyui-progressbar 'Klasse hinzugefügt, um die <div> Tag.
<Div id = "p" class = "easyui-progressbar" Daten-Optionen = "Wert: 60" style = "width: 400px;"> </ div>
Verwenden Sie Javascript, einen Fortschrittsbalken (ProgressBar) zu erstellen.
<Div id = "p" style = "width: 400px;"> </ div>
$ ( '# P'). Progressbar ({ Wert: 60 });
Ermittelt oder legt den Wert
Wir bekommen den aktuellen Wert der Komponente und einen neuen Wert zu setzen.
var value = $ ( '# p') progressbar ( 'getValue') .; if (Wert <100) { Wert + = Math.floor (Math.random () * 10); . $ ( '# P') progressbar ( 'setValue ", Wert); }
Immobilien
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
width | string | 设置进度条(progressbar)的宽度。 | auto |
height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
value | number | 百分比值。 | 0 |
text | string | 显示在组件上的文本模板。 | {value}% |
Ereignis
名称 | 参数 | 描述 |
---|---|---|
onChange | newValue,oldValue | 当值改变时触发。 代码实例: $('#p').progressbar({ onChange: function(value){ alert(value) } }); |
Weg
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
resize | width | 调整组件尺寸。 代码实例: $('#p').progressbar('resize'); // 调整进度条为初始宽度 $('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度 |
getValue | none | 返回当前的进度值。 |
setValue | value | 设置一个新的进度值。 |
jQuery Plugin EasyUI