jQuery EasyUI Formular-Plugin -Spinner

jQuery EasyUI 插件jQuery EasyUI Plugins

Erbt von $.fn.validatebox.defaults. Überschreiben Sie die Standardeinstellungen mit $.fn.spinner.defaults.

Der Spinner kombiniert ein editierbares Textfeld mit zwei kleinen Schaltflächen, sodass der Benutzer aus einem Wertebereich auswählen kann. Ähnlich wie bei der Combobox erlaubt der Spinner die Eingabe eines Werts, hat jedoch keine Dropdown-Liste. Der Spinner ist die Basiskomponente zum Erstellen anderer Spinner-Komponenten (wie numberspinner, timespinner usw.).

Abhängigkeiten

  • validatebox

Nutzung

Der Spinner sollte mit JavaScript erstellt werden. Das Erstellen aus Markup ist nicht erlaubt.

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

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

Eigenschaften

Diese Eigenschaft erweitert validatebox. Die folgenden Eigenschaften wurden für den Spinner hinzugefügt.

Name Type Beschreibung Standardwert
width number Die Breite der Komponente. auto
height number Die Höhe der Komponente. Diese Eigenschaft ist seit Version 1.3.2 verfügbar. 22
value string Der Anfangswert.
min string Der minimal zulässige Wert. null
max string Der maximal zulässige Wert. null
increment number Der Inkrementwert beim Klicken auf die Spinner-Schaltflächen. 1
editable boolesch Definiert, ob der Benutzer Werte direkt in das Textfeld eingeben kann. wahr
disabled boolesch Legt fest, ob das Textfeld deaktiviert ist. false
spin function(down) Die Funktion, die aufgerufen wird, wenn der Benutzer auf die Spinner-Schaltfläche klickt. Der Parameter 'down' gibt an, ob der Benutzer auf die Abwärts-Schaltfläche des Spinners geklickt hat.

Ereignisse

Name Parameters Beschreibung
onSpinUp none Wird ausgelöst, wenn der Benutzer auf die Aufwärts-Schaltfläche des Spinners klickt.
onSpinDown none Wird ausgelöst, wenn der Benutzer auf die untere Spinner-Schaltfläche klickt.

Methoden

Diese Methode stammt von validatebox ab. Die folgenden Methoden wurden für den Spinner hinzugefügt.

Name Parameters Beschreibung
options none Gibt das Optionsobjekt zurück.
destroy none Zerstört die Spinner-Komponente.
resize width Setzt die Breite der Komponente zurück. Überschreiben Sie die anfängliche Breite, indem Sie den Parameter 'width' übergeben.
Codebeispiel:
$('#ss').spinner('resize');  // resize with original width
$('#ss').spinner('resize', 200);  // resize with new width
enable none Aktiviert die Komponente.
disable none Deaktiviert die Komponente.
getValue none Ruft den Wert der Komponente ab.
setValue value Legt den Wert der Komponente fest.
clear none Löscht den Wert der Komponente.
Zurücksetzen none Setzt den Wert der Komponente zurück. Diese Methode ist seit Version 1.3.2 verfügbar.
jQuery EasyUI 插件jQuery EasyUI Plugins Weitere Erweiterungen