Wiki-Quellcode von Eingabefeld

Verstecke letzte Bearbeiter

version	line-number	content
3.3	1	{{panel float="right"}}
3.4	2	(% class="block text-align-center%){{ficon name="XTextfield" size="4em"/}}
1.1	3
3.3	4	(% class="block%)Das Symbol für Elemente vom Type //Eingabefeld//.
	5	{{/panel}}
	6
2.1	7	== Funktionsweise ==
1.1	8
3.1	9	Das Formularelement //Eingabefeld// fügt ein einzeiliges Eingabefeld in das aktuelle Formular ein. Über die [[Elementeigenschaft //Label//>>doc:Formcycle.FormDesigner.ElementProperties.Label]] kann das Formularelement auch mit einer Überschrift beschriftet werden. Weiterhin kann über die Elementeigenschaft //Maskieren// die Eingabe wie bei einem Passwortfeld maskiert werden.
1.1	10
9.4	11	{{internBaseOptionsElement page="base"/}}
1.1	12
9.3	13	{{figure image="designer_element_textfield_properties_constraints_de.png"}}
9.2	14	In den Bedingungen kann zusätzlich festgelegt, ob und wann das Eingabefeld ein Mussfeld ist und welchen Datentyp es haben soll.
	15	{{/figure}}
1.1	16
	17	{{internBaseOptionsElement page="cond"}}
	18	{{table dataTypeAlpha="0" colWidth="-500"}}
	19	\|=Name\|=Beschreibung
9.5	20	\|Datentyp\|Legt den Datentyp des Elements fest. Der Datentyp ist auch automatisch ein Validator, der das Formularfeld auf Gültigkeit prüft. Wird als Datentyp //Datum// gewählt, so öffnet sich bei Klick in das Eingabefeld ein Kalender zur einfachen Auswahl des Datums. Siehe auch [[Internationalisierung des Kalenders.>>doc:Formcycle.FormDesigner.CodingPanel.ScriptTab.AdjustDateFormat.WebHome]].
9.4	21	Nähere Beschreibungen zu den Datentypen finden Sie im [[Abschnitt Validatoren>>doc:Formcycle.FormDesigner.CodingPanel.Validators.WebHome]].
15.3	22	Zur Formattierung von Zahlen mit Einheiten wie //€// oder //kg// und einstellbaren Dezimaltrennzeichen kann die Funktion [[autoNumeric im JavaScript-bereich>>doc:Formcycle.FormDesigner.CodingPanel.ScriptTab.AutoNumeric]] verwendet werden.
16.2	23	Weiterhin kann durch Auswahl des Datentyp //Regulärer Ausdruck// auch eine eigene //RegExp// für die Validierung verwendet werden. Im Feld //Fehlertext// kann dann der Text eingetragen werden, der erscheint, wenn das Formularfeld nicht gültig ist. Der Fehlertext kann per [[Internationalisierung>>doc:Formcycle.FormDesigner.Internationalization]] in verschiedene Sprachen übersetzt werden. Es werden hierbei reguläre Ausdrücke von Javascript wie bei [[mozilla.org>>url:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions]] beschrieben verwendet, wobei hier ausschließlich der Reguläre Ausdruck eingetragen werden muss. Das bedeutet, dass er nicht von / umschlossen wird. Für eine Prüfung auf exakt 7 Ziffern müsste also nur ^\d{7}$ verwendet werden.
1.1	24	\|Min. Zeichen\|Legt die Anzahl der mindestens einzugebenden Zeichen fest.
	25	\|Max. Zeichen\|Legt die Anzahl der maximal einzugebenden Zeichen fest.
	26	\|Mindestwert\|Mindestwert, den die Eingabe haben muss. Nur bei den Datentypen //Ganzzahl//, //Positive Ganzzahl//, //Zahl//, //Geldbetrag//, //Positiver Geldbetrag// und //Positiver Geldbetrag (Nachkommastellen opt.)// verfügbar.
	27	\|Maximalwert\|Maximalwert, den die Eingabe haben darf. Nur bei den Datentypen //Ganzzahl//, //Positive Ganzzahl//, //Zahl//, //Geldbetrag//, //Positiver Geldbetrag// und //Positiver Geldbetrag (Nachkommastellen opt.)// verfügbar.
	28	\|Identisch mit\|Über die Auswahl //Identisch mit// wird festgelegt, dass der Wert des Elements mit dem Wert des ausgewählten Elements übereinstimmen muss.
	29	{{/table}}
	30	{{/internBaseOptionsElement}}
	31
9.4	32	{{internBaseOptionsElement page="label"/}}
1.1	33
9.3	34	{{figure image="designer_element_textfield_properties_values_de.png"}}
9.2	35	Bei einem Eigabefeld kann zusätzlich noch festgelest werden, ob das Feld bereits einen Wert beim Formularaufruf haben soll und ob die Eingabe maskiert erscheinen soll.
	36	{{/figure}}
1.1	37
9.2	38	{{figure image="designer_element_textfield_masked_de.png"}}
	39	Ist ein Eingabefeld maskiert, wird die Eingabe unkenntlich gemacht. Dies kann etwa für Passwortfelder genutzt werden.
	40	{{/figure}}
1.1	41
	42	{{internBaseOptionsElement page="val"}}
	43	{{table dataTypeAlpha="0" colWidth="-500"}}
	44	\|=Name\|=Beschreibung
	45	\|Wert\|Initialer Wert des Elements.
	46	\|Maskieren\|Maskieren der eingegebene Werte. Wird typischerweise bei Passwortfeldern eingesetzt.
	47	{{/table}}
	48	{{/internBaseOptionsElement}}
	49
	50	{{internBaseOptionsElement page="css"/}}
	51
	52	{{internBaseOptionsElement page="attr"/}}
	53
	54	{{internBaseOptionsElement page="avail"/}}
	55
	56	{{internBaseOptionsElement page="ronly"/}}
	57
	58	{{internBaseOptionsElement page="misc"/}}
	59
	60	{{content moveToTop="true"/}}

Wiki-Quellcode von Eingabefeld

Navigation