====== API: Editor Controls ======

API-Referenz für Eingabe- und Bearbeitungsfelder.

===== TWvdSTextEdit =====

Erweitertes einzeiliges Textfeld mit Buttons.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<TextEdit Text="{Binding SearchText}"
          NullText="Search..."
          ShowClearButton="True" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Text | string | '' | Aktueller Text |
^ NullText | string | '' | Platzhaltertext |
^ ShowClearButton | Boolean | False | Löschen-Button anzeigen |
^ Buttons | TWvdSButtonCollection | nil | Zusätzliche Buttons |
^ EditMask | string | '' | Eingabemaske |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnTextChanged | TNotifyEvent | Text geändert |
^ OnButtonClick | TButtonClickEvent | Button geklickt |

----

===== TWvdSMemoEdit =====

Mehrzeiliges Textfeld.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<MemoEdit Text="{Binding Description}"
          Lines="10"
          WordWrap="True" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Text | string | '' | Gesamter Text |
^ Lines | TStrings | nil | Zeilenweise Zugriff |
^ MaxLines | Integer | 0 | Max. Zeilen (0=unbegrenzt) |
^ WordWrap | Boolean | True | Zeilenumbruch |
^ ScrollBars | TWvdSScrollBars | ssBoth | None, Horizontal, Vertical, Both |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnTextChanged | TNotifyEvent | Text geändert |

----

===== TWvdSSpinEdit =====

Numerische Eingabe mit Spinner-Buttons.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<SpinEdit Value="{Binding Quantity}"
          MinValue="1" MaxValue="100"
          Increment="1" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Value | Double | 0 | Aktueller Wert |
^ MinValue | Double | MinDouble | Minimalwert |
^ MaxValue | Double | MaxDouble | Maximalwert |
^ Increment | Double | 1 | Schrittweite |
^ DecimalPlaces | Integer | 0 | Nachkommastellen |
^ UseThousandSeparator | Boolean | False | Tausendertrennzeichen |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnValueChanged | TNotifyEvent | Wert geändert |

----

===== TWvdSDateEdit =====

Datumsauswahl mit Kalender-Popup.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<DateEdit Date="{Binding BirthDate}"
          MinDate="1900-01-01"
          DateFormat="dd.MM.yyyy" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Date | TDateTime | 0 | Gewähltes Datum |
^ MinDate | TDateTime | 0 | Frühestes Datum |
^ MaxDate | TDateTime | 0 | Spätestes Datum |
^ DateFormat | string | 'dd.MM.yyyy' | Anzeigeformat |
^ ShowWeekNumbers | Boolean | False | Kalenderwochen anzeigen |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnDateChanged | TNotifyEvent | Datum geändert |

----

===== TWvdSTimeEdit =====

Zeitauswahl.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<TimeEdit Time="{Binding StartTime}"
          TimeFormat="HH:mm"
          Use24HourFormat="True" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Time | TDateTime | 0 | Gewählte Zeit |
^ TimeFormat | string | 'HH:mm:ss' | Anzeigeformat |
^ Use24HourFormat | Boolean | True | 24-Stunden-Format |
^ ShowSeconds | Boolean | True | Sekunden anzeigen |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnTimeChanged | TNotifyEvent | Zeit geändert |

----

===== TWvdSDateTimeEdit =====

Kombinierte Datum- und Zeitauswahl.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<DateTimeEdit DateTime="{Binding AppointmentTime}"
              DateTimeFormat="dd.MM.yyyy HH:mm" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ DateTime | TDateTime | 0 | Datum und Zeit |
^ DateTimeFormat | string | 'dd.MM.yyyy HH:mm:ss' | Format |

----

===== TWvdSCalcEdit =====

Taschenrechner-Eingabefeld.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<CalcEdit Value="{Binding Price}"
          DecimalPlaces="2"
          Prefix="€ " />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Value | Double | 0 | Berechneter Wert |
^ DecimalPlaces | Integer | 2 | Nachkommastellen |
^ Prefix | string | '' | Präfix (z.B. Währung) |
^ Suffix | string | '' | Suffix |

----

===== TWvdSColorEdit =====

Farbauswahl.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<ColorEdit Color="{Binding ThemeColor}"
           ShowAlpha="True" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Color | TWvdSColor | clBlack | Gewählte Farbe |
^ ShowAlpha | Boolean | False | Alpha-Kanal anzeigen |
^ ColorPalette | TWvdSColorPalette | cpDefault | Vordefinierte Palette |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnColorChanged | TNotifyEvent | Farbe geändert |

----

===== TWvdSMaskEdit =====

Maskierte Eingabe.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<MaskEdit EditMask="(000) 000-0000"
          Text="{Binding PhoneNumber}" />
<MaskEdit EditMask="00.00.0000"
          Text="{Binding Date}" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Text | string | '' | Formatierter Text |
^ EditValue | string | '' | Unformatierter Wert |
^ EditMask | string | '' | Eingabemaske |
^ MaskKind | TWvdSMaskKind | mkStandard | Standard, RegEx |
^ PlaceHolder | Char | '_' | Platzhalterzeichen |

==== Masken-Syntax ====

| Zeichen | Bedeutung |
^ 0 | Ziffer (Pflicht) |
^ 9 | Ziffer (Optional) |
^ L | Buchstabe (Pflicht) |
^ ? | Buchstabe (Optional) |
^ A | Alphanumerisch (Pflicht) |
^ a | Alphanumerisch (Optional) |

----

===== TWvdSRichEdit =====

Formatierter Text-Editor.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<RichEdit Document="{Binding Content}"
          ShowToolbar="True" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Document | TWvdSDocument | nil | RTF/HTML Dokument |
^ PlainText | string | '' | Nur-Text-Zugriff |
^ ShowToolbar | Boolean | True | Formatierungsleiste |

----

===== TWvdSTokenEdit =====

Tag/Token-Eingabe.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<TokenEdit Tokens="{Binding Tags}"
           AllowDuplicates="False"
           MaxTokens="10" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Tokens | TStrings | nil | Liste der Tokens |
^ AllowDuplicates | Boolean | False | Duplikate erlaubt |
^ MaxTokens | Integer | 0 | Max. Tokens (0=unbegrenzt) |
^ Separator | Char | ',' | Trennzeichen bei Texteingabe |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnTokenAdded | TTokenEvent | Token hinzugefügt |
^ OnTokenRemoved | TTokenEvent | Token entfernt |

----

===== TWvdSComboBoxEdit =====

Dropdown-Auswahlliste.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<ComboBoxEdit SelectedItem="{Binding Country}"
              ItemsSource="{Binding Countries}"
              DisplayMember="Name" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Items | TStrings | nil | Statische Items |
^ ItemsSource | IEnumerable | nil | Gebundene Daten |
^ SelectedItem | TObject | nil | Ausgewähltes Item |
^ SelectedIndex | Integer | -1 | Ausgewählter Index |
^ DisplayMember | string | '' | Anzeigefeld |
^ ValueMember | string | '' | Wertfeld |
^ DropDownStyle | TWvdSDropDownStyle | dsDropDown | DropDown, DropDownList |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnSelectedIndexChanged | TNotifyEvent | Auswahl geändert |

----

===== TWvdSLookupEdit =====

Lookup-Dropdown mit Suche.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<LookupEdit SelectedValue="{Binding CustomerId}"
            ItemsSource="{Binding Customers}"
            DisplayMember="Name"
            ValueMember="Id"
            SearchMode="Contains" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ ItemsSource | IEnumerable | nil | Datenquelle |
^ SelectedValue | TValue | nil | Ausgewählter Wert |
^ DisplayMember | string | '' | Anzeigefeld |
^ ValueMember | string | '' | Wertfeld |
^ SearchMode | TWvdSSearchMode | smStartsWith | StartsWith, Contains |
^ PopupWidth | Integer | 0 | Popup-Breite (0=Auto) |

----

===== TWvdSCheckedComboBox =====

Multi-Select Dropdown.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<CheckedComboBox ItemsSource="{Binding Categories}"
                 SelectedItems="{Binding SelectedCategories}"
                 DisplayMember="Name" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ ItemsSource | IEnumerable | nil | Alle Items |
^ SelectedItems | IList | nil | Ausgewählte Items |
^ SelectAllText | string | '(Select All)' | "Alle auswählen" Text |

----

===== TWvdSMRUEdit =====

Most Recently Used Eingabe.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<MRUEdit Text="{Binding SearchText}"
         MaxItems="10"
         StorageKey="RecentSearches" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Text | string | '' | Aktueller Text |
^ Items | TStrings | nil | MRU-Liste |
^ MaxItems | Integer | 10 | Max. Einträge |
^ StorageKey | string | '' | Persistenz-Schlüssel |

----

===== TWvdSPopupEdit =====

Eingabe mit benutzerdefiniertem Popup.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<PopupEdit DisplayText="{Binding SelectedAddress.Display}">
  <PopupEdit.PopupContent>
    <AddressSelector Value="{Binding SelectedAddress}" />
  </PopupEdit.PopupContent>
</PopupEdit>
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ DisplayText | string | '' | Angezeigter Text |
^ PopupContent | TWvdSFrameworkElement | nil | Popup-Inhalt |
^ PopupWidth | Integer | 300 | Popup-Breite |
^ PopupHeight | Integer | 200 | Popup-Höhe |

----

===== TWvdSRatingControl =====

Sterne-Bewertung.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<RatingControl Value="{Binding Rating}"
               ItemCount="5"
               AllowHalf="True" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ Value | Double | 0 | Bewertung (0-ItemCount) |
^ ItemCount | Integer | 5 | Anzahl Sterne |
^ AllowHalf | Boolean | False | Halbe Sterne erlaubt |
^ IsReadOnly | Boolean | False | Nur-Lesen |

----

===== TWvdSRangeTrackBar =====

Bereichsauswahl-Slider.

==== Namespace ====

''WvdS.UI.Controls.Editors''

==== PXAML ====

<code xml>
<RangeTrackBar MinValue="{Binding PriceMin}"
               MaxValue="{Binding PriceMax}"
               Minimum="0" Maximum="1000" />
</code>

==== Properties ====

| Property | Typ | Default | Beschreibung |
^ MinValue | Double | 0 | Untere Grenze |
^ MaxValue | Double | 100 | Obere Grenze |
^ Minimum | Double | 0 | Absolutes Minimum |
^ Maximum | Double | 100 | Absolutes Maximum |
^ Step | Double | 1 | Schrittweite |

==== Events ====

| Event | Signatur | Beschreibung |
^ OnRangeChanged | TRangeEvent | Bereich geändert |

----

===== Siehe auch =====

  * [[.:control-bibliothek|Control-Bibliothek]]
  * [[.:api-controls-basic|Basic Controls API]]
  * [[.:api-controls-data|Data Controls API]]