Plugin de base jQuery EasyUI -Progressbar Barre de progression

jQuery EasyUI 插件jQuery EasyUI Plugin

Remplacer les paramètres par défaut via $.fn.progressbar.defaults.

La barre de progression fournit un retour sur l'avancement des opérations de longue durée. La progression peut être mise à jour afin que les utilisateurs sachent quelle opération est en cours d'exécution.

Dépendances

  • none

Utilisation

Créer un ProgressBar

Le composant ProgressBar peut être créé à partir de balisage HTML ou par programmation. La création à partir de balisage est plus facile ; ajoutez la classe 'easyui-progressbar' à la balise <div>.

<div id="p" class="easyui-progressbar" data-options="value:60" style="width:400px;"></div>

Créer un ProgressBar en JavaScript.

<div id="p" style="width:400px;"></div>

$('#p').progressbar({
    value: 60
});

Obtenir ou définir la valeur

Nous obtenons la valeur actuelle et définissons une nouvelle valeur pour ce composant.

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

Propriétés

Name Type Description Valeur par défaut
width string Définit la largeur de la barre de progression. auto
height nombre La hauteur du composant. Cette propriété est disponible depuis la version 1.3.2. 22
value nombre Une valeur en pourcentage. 0
text string Le modèle de texte affiché sur le composant. {value}%

Événements

Name Parameters Description
onChange newValue,oldValue Déclenché lorsque la valeur change.
Exemple de code :
$('#p').progressbar({
    onChange: function(value){
        alert(value)
    }
});

Méthodes

Name Parameters Description
options none Renvoie l'objet options.
resize width Redimensionne le composant.
Exemple de code :
$('#p').progressbar('resize');  // 调整进度条为初始宽度
$('#p').progressbar('resize', 350);  // 调整进度条为一个新的宽度
getValue none Renvoie la valeur de progression actuelle.
setValue value Définit une nouvelle valeur de progression.
jQuery EasyUI 插件jQuery EasyUI Plugin Autres extensions