Plugin de formulaire jQuery EasyUI -Spinner

jQuery EasyUI 插件Plugins jQuery EasyUI

Hérite de $.fn.validatebox.defaults. Remplacez les valeurs par défaut par $.fn.spinner.defaults.

Le spinner combine une zone de texte modifiable avec deux petits boutons, permettant à l'utilisateur de sélectionner une valeur dans une plage de valeurs. Semblable à la combobox, le spinner permet à l'utilisateur de saisir une valeur, mais il ne dispose pas de liste déroulante. Le spinner est le composant de base pour créer d'autres composants spinner (tels que numberspinner, timespinner, etc.).

Dépendances

  • validatebox

Utilisation

Le spinner doit être créé avec JavaScript. Le créer à partir du balisage n'est pas autorisé.

<input id="ss" value="2">

$('#ss').spinner({
    required:true,
    increment:10
});

Propriétés

Cette propriété hérite de validatebox. Voici les propriétés ajoutées pour le spinner.

Name Type Description Valeur par défaut
width nombre La largeur du composant. auto
height nombre La hauteur du composant. Cette propriété est disponible depuis la version 1.3.2. 22
value string La valeur initiale.
min string La valeur minimale autorisée. null
max string La valeur maximale autorisée. null
increment nombre La valeur d'incrément lors du clic sur les boutons du spinner. 1
editable booléen Définit si l'utilisateur peut saisir des valeurs dans le champ de texte. vrai
disabled booléen Définit si le champ de texte est désactivé. false
spin function(down) La fonction appelée lorsque l'utilisateur clique sur le bouton du spinner. Le paramètre 'down' indique si l'utilisateur a cliqué sur le bouton bas du spinner.

Événements

Name Parameters Description
onSpinUp none Déclenché lorsque l'utilisateur clique sur le bouton haut du spinner.
onSpinDown none Déclenché lorsque l'utilisateur clique sur le bouton fléché vers le bas du spinner.

Méthodes

Cette méthode hérite de validatebox. Voici les méthodes ajoutées pour le spinner.

Name Parameters Description
options none Renvoie l'objet options.
destroy none Détruit le composant spinner.
resize width Réinitialise la largeur du composant. Remplacez la largeur initiale en passant le paramètre 'width'.
Exemple de code :
$('#ss').spinner('resize');  // resize with original width
$('#ss').spinner('resize', 200);  // resize with new width
enable none Active le composant.
disable none Désactive le composant.
getValue none Obtient la valeur du composant.
setValue value Définit la valeur du composant.
clear none Efface la valeur du composant.
réinitialiser none Réinitialise la valeur du composant. Cette méthode est disponible depuis la version 1.3.2.
jQuery EasyUI 插件Plugins jQuery EasyUI Autres extensions