bouchon à base de jQuery EasyUI - barre de progression Progressbar
jQuery EasyUI plug - in
Par $ .fn.progressbar.defaults remplacent les valeurs par défaut par défaut.
La barre de progression (progressbar) fournit un affichage de la rétroaction de progression de l'opération pendant une longue période. Des progrès peuvent être mis à jour afin de laisser l'utilisateur de savoir l'opération en cours.
Fiez
- aucun
usage
Création d'une barre de progression (ProgressBar)
Barre de progression (ProgressBar) composant peut créer des balises de HTML ou de programmation créé. Créé à partir de la balise plus facile à la classe 'easyui-progressbar' ajouté à la balise <div>.
<Div id = classe "p" = "easyui-progressbar" data-options =: le style "valeur 60" = "width: 400px;"> </ div>
Utilisez javascript pour créer une barre de progression (ProgressBar).
<Div id = style "p" = "width: 400px;"> </ div>
$ ( '# P'). Progressbar ({ Valeur: 60 });
Obtient ou définit la valeur
Nous obtenons la valeur actuelle du composant et pour définir une nouvelle valeur.
var value = $ ( '# p') progressbar ( 'getValue') .; si (valeur <100) { valeur + = Math.floor (Math.random () * 10); . $ ( '# P') progressbar ( 'setValue', valeur); }
propriété
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
width | string | 设置进度条(progressbar)的宽度。 | auto |
height | number | 组件的高度。该属性自版本 1.3.2 起可用。 | 22 |
value | number | 百分比值。 | 0 |
text | string | 显示在组件上的文本模板。 | {value}% |
événement
名称 | 参数 | 描述 |
---|---|---|
onChange | newValue,oldValue | 当值改变时触发。 代码实例: $('#p').progressbar({ onChange: function(value){ alert(value) } }); |
manière
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
resize | width | 调整组件尺寸。 代码实例: $('#p').progressbar('resize'); // 调整进度条为初始宽度 $('#p').progressbar('resize', 350); // 调整进度条为一个新的宽度 |
getValue | none | 返回当前的进度值。 |
setValue | value | 设置一个新的进度值。 |
jQuery EasyUI plug - in