jQuery EasyUI Formular-Plugin -Numberbox

jQuery EasyUI 插件jQuery EasyUI Plugin

Erbt von $.fn.validatebox.defaults. Die Standardeinstellungen können mit $.fn.numberbox.defaults überschrieben werden.

Die Numberbox wird verwendet, damit Benutzer nur numerische Werte eingeben können. Sie kann Eingabeelemente in verschiedene Eingabetypen umwandeln (wie numerisch, Prozent, Währung usw.). Weitere Eingabetypen hängen davon ab, dass die Funktionen 'formatter' und 'parser' definiert werden.

Abhängigkeiten

  • validatebox

Nutzung

Erstellen Sie eine Numberbox aus Markup.

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

Erstellen Sie eine Numberbox mit JavaScript.

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

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

Eigenschaften

Die Eigenschaften erben von validatebox. Die folgenden Eigenschaften wurden für Numberbox hinzugefügt.

Name Type Beschreibung Standard
disabled boolesch Legt fest, ob das Feld deaktiviert wird. false
value number Standardwert.
min number Der minimal zulässige Wert. null
max number Der maximal zulässige Wert. null
precision number Die maximale Genauigkeit, die nach dem Dezimalpunkt angezeigt wird. 0
decimalSeparator string Das Trennzeichen, das den ganzzahligen und den dezimalen Teil von Zahlen trennt. .
groupSeparator string Das Zeichen, das Gruppen von Ganzzahlen trennt.
Präfix string Präfix-Zeichenfolge.
suffix string Suffix-Zeichenfolge.
filter function(e) Definiert, wie die gedrückten Tasten gefiltert werden; geben Sie true zurück, um das eingegebene Zeichen zu akzeptieren. Diese Eigenschaft ist seit Version 1.3.3 verfügbar.
formatter function(value) Eine Funktion zum Formatieren des numberbox-Werts. Gibt den Zeichenfolgenwert zurück, der im Feld angezeigt wird.
parser function(s) Eine Funktion zum Parsen der Zeichenfolge. Gibt den numberbox-Wert zurück.

Ereignisse

Name Parameters Beschreibung
onChange newValue,oldValue Wird ausgelöst, wenn sich der Feldwert ändert.

Methoden

Die Methoden erben von validatebox; die folgenden sind die für numberbox hinzugefügten oder überschriebenen Methoden.

Name Parameters Beschreibung
options none Gibt das Optionsobjekt zurück.
destroy none Zerstört das numberbox-Objekt.
disable none Deaktiviert das Feld.
enable none Aktiviert das Feld.
fix none Korrigiert den Wert auf einen gültigen Wert.
setValue none Legen Sie den Wert der numberbox fest.
Codebeispiel:
$('#nn').numberbox('setValue', 206.12);
getValue none Rufen Sie den Wert der numberbox ab.
Codebeispiel:
var v = $('#nn').numberbox('getValue');
alert(v);
clear none Löschen Sie den Wert der numberbox.
Zurücksetzen none Setzen Sie den Wert der numberbox zurück. Diese Methode ist seit Version 1.3.2 verfügbar.
jQuery EasyUI 插件jQuery EasyUI Plugin Weitere Erweiterungen