Plugin de formulaire jQuery EasyUI -Numberbox

jQuery EasyUI 插件jQuery EasyUI Plugin

Hérite de $.fn.validatebox.defaults. Les valeurs par défaut peuvent être remplacées en utilisant $.fn.numberbox.defaults.

Le numberbox permet aux utilisateurs de saisir uniquement des valeurs numériques. Il peut convertir les éléments de saisie en différents types de saisie (tels que numérique, pourcentage, devise, etc.). Davantage de types de saisie dépendent de la définition des fonctions 'formatter' et 'parser'.

Dépendances

  • validatebox

Utilisation

Créer un numberbox à partir du balisage.

<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2">

Créer un numberbox en utilisant JavaScript.

<input type="text" id="nn">

$('#nn').numberbox({
    min:0,
    precision:2
});

Propriétés

Les propriétés héritent de validatebox ; les suivantes sont les propriétés ajoutées pour numberbox.

Name Type Description Default
disabled booléen Définit s'il faut désactiver le champ. false
value nombre Valeur par défaut.
min nombre La valeur minimale autorisée. null
max nombre La valeur maximale autorisée. null
precision nombre La précision maximale affichée après la virgule décimale. 0
decimalSeparator string Le caractère séparateur qui sépare les parties entière et décimale des nombres. .
groupSeparator string Le caractère qui sépare les groupes d'entiers.
préfixe string Chaîne de préfixe.
suffix string Chaîne de suffixe.
filter function(e) Définit comment filtrer les touches pressées ; retournez true pour accepter le caractère saisi. Cette propriété est disponible depuis la version 1.3.3.
formatter function(value) Une fonction utilisée pour formater la valeur de la numberbox. Retourne la valeur de chaîne affichée dans la zone.
parser function(s) Une fonction utilisée pour analyser la chaîne. Retourne la valeur de la numberbox.

Événements

Name Parameters Description
onChange newValue,oldValue Déclenché lorsque la valeur du champ change.

Méthodes

Les méthodes héritent de validatebox ; les suivantes sont les méthodes ajoutées ou redéfinies pour numberbox.

Name Parameters Description
options none Renvoie l'objet options.
destroy none Détruit l'objet numberbox.
disable none Désactive le champ.
enable none Active le champ.
fix none Corrige la valeur pour obtenir une valeur valide.
setValue none Définir la valeur du numberbox.
Exemple de code :
$('#nn').numberbox('setValue', 206.12);
getValue none Obtenir la valeur du numberbox.
Exemple de code :
var v = $('#nn').numberbox('getValue');
alert(v);
clear none Effacer la valeur du numberbox.
réinitialiser none Réinitialiser la valeur du numberbox. Cette méthode est disponible depuis la version 1.3.2.
jQuery EasyUI 插件jQuery EasyUI Plugin Autres extensions