Translations of this page:

Die Klasse input stellt ein einfaches Texeingabefeld dar und dient als Überklasse für alle Steuerelemente die zum aufnehmen von Benuzereingaben gedacht sind. Input wiederum ist abgeleitet (Subklasse) von app.

get / setValue()

Die beiden zentralsten Methoden jedes Eingabe Steuerelementes sind getValue und setValue(wert) Diese müssen praktisch immer überschrieben werden wenn Sie eine Klasse von input ableiten.

  • setValue(value): Das Eingabeelement soll den Wert value enthalten danach. value muss nicht genau so angezeigt werden. value kann für den Benutzer übersetzt werden (z.B. value = „1997-04-26“) kann als „26.04.1997“ angezeigt werden.
  • getValue() soll den aktuellen Wert des Eingabeelementes zurückgeben. Dies muss nicht zwingend der angezeigte / vom Benutzer eingegebene Wert sein (z.B. der Benutzer gab ein „2.7.08“ ⇒ getValue gibt „2008-07-02“ zurück.

Weitere Methoden

  • reset() Setzt den Inhalt auf Leerstring oder änliches. Wer die methode Überschreibt kann definierten welchen Wert das Eingabeelemnt nach einem reset haben soll
  • setFocus(selectContent) Setzt den Fokus auf das Eingabeelement. Überschreiben Sie diese Funktion wenn Ihr Eingabeelemnt aus mehreren DOM-Objekten besteht (um einem dafon den Fokus zuzuweisen wenn dieses Methode aufgerufen wird)
    • selectContent (booloean): Ob der vorhendene Wert gleich vollständig markiert weden soll (Falls dies möglich und Sinvoll ist ⇒ isSelectable).
  • Property isSelectable gibt an ob es möglich den ganzen eingegeben Wert zu markieren. Wer ein Input-Elemnt schreibt kann dies durch setzten dieses Weres bestimmen.
  • addStdEvents fügt Standardmässig einen EventListener an das DOM-Objektes des Eingabeelementes und leitet diese weiter (an potenzielle Listener des Eingabeelementes). Diese Methode werden Sie kaum überschreiben aber benutzen. Folgende Events werden dann vom Inputelement gefeuert
    • click
    • dblclick
    • change
    • keypress
    • keydown
    • keyup
    • focus
    • blur

Bekannte Subklassen von input

Klasse Implementiert in Beschreibung
info modules/tools/input.js Nicht editierbares Feld, kann aber wie alle anderen mit get /setValue gesetzt werden
selector modules/tools/input.js Entspricht HTML-Element SELECT
number_input modules/tools/input.js Für die Eingabe von Zahlen, verhindert Buchstaben
checkbox modules/tools/input.js Entspricht HTML-Element <input type=„checkbox“
radio modules/tools/input.js Entspricht HTML-Element <input type=„radio“
pw_input modules/tools/input.js <input type=„password“
textarea modules/tools/input.js Entspricht HTML-Element TEXTAREA
radioButtonGroup modules/tools/input.js Setzt mehrere Radionbuttons, alle mit dem selben Namen (von diesen kann dann einer ausgewählt sein)
dateinput modules/tools/dateinput .js Ein Eingabefeld dass Daten ins SQL-Format umformatiert (z.B. 2007-07-26)
timeinput modules/tools/dateinput .js Ein Eingabefeld für Zeiten (z.B: 12:30:00)
datetimeinput modules/tools/dateinput .js Für Datum und Uhrzeit (DATETIME, 2007-07-26 12:30:00)
MVinput modules/tools/MVinput.js Für die Eingabe von mehreren Werten (1-D Array)
MVChecker modules/tools/MVinput.js Für die Eingabe von mehreren Werten (aus einer Liste, 1-D Array)
arrayinput modules/tools/arrayinput.js Für die Eingabe von tabellarischen Werten (2-D Array)
 
dev/input.txt · Zuletzt geändert: 27.07.2007 11:52 von tylmann
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki