TextEdit

Die Komponente TextEdit rendert eine einzeilige Texteingabe für Dataverse-String-Spalten.

React
Blazor

Textfeldtyp

Stellen Sie ein, TextFieldType um den Eingangstyp zu ändern. Optionen sind Text (Standard), Email, Password, , Tel, Url, Search, Number, und Color. Der Browser wendet native Formatierung und Validierung für jeden Typ an.

React
Blazor

Längenbeschränkungen

Verwenden MinLength und MaxLength zur Durchsetzung von Textlängenbeschränkungen. MaxLength wird automatisch aus den Spaltenmetadaten befüllt, sofern nicht explizit gesetzt.

React
Blazor

Eingabemasken

Setzen Sie die Einschränkung Mask und Formatierung des Wertes, während der Benutzer eingibt. MaskMode.Pattern verwendet eine Slot-Vorlage, die über Pattern0 akzeptiert eine Ziffer, A einen Buchstaben, * ein alphanumerisches Zeichen und jedes zweite Zeichen automatisch als Literal eingefügt wird. MaskMode.Regex Filtert jedes Zeichen gegen den regulären AllowedPattern Ausdruck und lässt alles weg, was nicht übereinstimmt. Das Maskieren läuft im Browser und bewahrt die Caret-Position beim Neuformatieren, sodass sich das Bearbeiten in der Mitte des Wertes natürlich verhält. Standardmäßig MaskMode.None bleibt das Feld eine einfache Texteingabe ohne Interop-Overhead.

Lagerung mit oder ohne Maske

Standardmäßig speichert ein maskiertes Feld den unmaskierten Wert – für ein Telefonmuster 5551234567 (555) 123-4567statt . Stattdessen soll StoreMaskedValue="true" der formatierte Text (Literale und alles) in der Spalte gespeichert werden. So oder so maskiert das Feld bei der Last korrekt, sodass die Entscheidung darauf ankommt, was das nachgelagerte System erwartet.

Beispiel

Eine grundlegende TextEdit Bindung an eine String-Spalte.

React-Beispiel
Blazor-Beispiel
React TypeScript
Razor

Konfigurationsoptionen

Nutzen Sie die untenstehenden Steuerungen, um die verfügbaren Immobilien zu erkunden.

React-Beispiel
Blazor-Beispiel
Nur lesen? Erforderlich? Behindert? FarbeE-MailAnzahlPasswortSucheTelTextURL
React TypeScript
Razor

Maskenvoreinstellungen

Wählen Sie eine Maske aus dem Dropdown-Menü und tippen Sie ins Feld ein, um Live-Caret-sichere Maskierungen zu sehen. Jedes Preset setzt Mask zusammen mit einem Pattern oder AllowedPattern. Schalten Sie den maskierten Wert speichern , um zu vergleichen, was gespeichert wird, mit der Spalte – die Anzeige unter dem Feld spiegelt den gespeicherten Wert live wider.

React-Beispiel
Blazor-Beispiel
Keine (Klartext)Telefon — (000) 000-0000SSN — 000-00-0000Kreditkarte — 0000 0000 0000 0000ZIP+4 — 00000-0000Nur Buchstaben — [A-Za-z] Maskierten Wert speichern

Gespeicherter Wert:

React TypeScript
Razor
Reagieren Blazor

TextEdit Baureihe

Parameter

Name
Typ
Default
Beschreibung
AllowedPatternstring?
Per-Zeichen erlaubt Regex für MaskMode.Regex (z. B. [A-Za-z]).
Autocompletebool
False
Aktiviert die automatische Vervollständigung des Browsers für die Textbearbeitung.
ChildContentRenderFragment?
Kindinhalt der Komponente
ColumnName*string
Spaltenlogischer Name, um den Editor aus dem Tabelleneintrag zu binden.
Descriptionstring?
Beschreibung wird im Tooltip angezeigt.
Disabledbool?
Sollte der Editor deaktiviert werden?
DisplayLabelWhenAvailablebool
True
Gibt an, ob eine Etikette angezeigt werden soll, falls verfügbar.
DisplayTooltipWhenAvailablebool
True
Gibt an, ob ein Tooltip angezeigt werden soll, falls verfügbar.
DisplayValidationErrorMessagebool
True
Sollte eine Fehlermeldung zur Validierung angezeigt werden, wenn die Komponente die Validierung nicht besteht?
EndContentRenderFragment?
Inhalte werden im End-Slot des Feldes (nach der Eingabe) gerendert.
Immediatebool
False
Wenn true, verbindet der Editor seinen Wert bei jedem Tastendruck (das DOM-Eingabeereignis ) statt auf Unschärfe (das DOM-Wechselereignis ). Nützlich, wenn mehrere Editoren, die an dieselbe Spalte gebunden sind, synchron bleiben sollten als die Nutzertypen. Standardmäßig bleibt false bestehende Verbraucher erhalten Ihr verschwommenes Committ-Verhalten. Weitergeleitet an MaskedTextField.Immediate; Sehen Sie diese Eigenschaft für die Nuance zwischen maskiertem und schnellem Weg.
ImmediateDelayint
0
Debounce, in Millisekunden, angewendet auf den Tastendruck, wenn TextEdit.Immediate ist true. Zero (der Standard) commits auf jeden Tastendruck; Positive Werte warten so lange nach dem letzten Tastendruck Entlassung von ValueChanged. Weitergeleitet an MaskedTextField.ImmediateDelay.
IsVisiblebool
True
Ist der Editor sichtbar?
Labelstring?
Text soll als Etikett für den Editor angezeigt werden.
MaskMaskMode
None
Masking-Strategie angewandt auf die Eingabe. Standardmäßig gilt , MaskMode.Nonewas beibehalten bleibt das Feld auf dem Null-Interop-Schnellpfad (ein einfach gebundenes Textfeld). Stellen Sie auf MaskMode.Pattern oder MaskMode.Regex um caret-sichere Maskierung zu ermöglichen.
MaxLengthint?
Maximale Länge der zulässigen Saite.
MinLengthint?
Maximale Länge der zulässigen Saite.
Patternstring?
Schlitzvorlage für MaskMode.Pattern (z. B. (000) 000-0000).
ReadOnlybool?
Sollte der Editor nur lesegeschützt sein?
Requiredbool?
Sollte der Wert erforderlich sein.
Rowsint?
Wenn angegeben, bestimmt er die Anzahl der Zeilen, die die Steuerung einnehmen wird.
StartContentRenderFragment?
Inhalte, die im Startplatz des Feldes (vor der Eingabe) gerendert wurden – ein Symbol, ein Präfix usw.
StoreMaskedValuebool
False
Kontrolliert, ob ein maskierter Wert mit oder ohne die Maske gespeichert wird. Wenn true, die Spalte speichert den maskierten Text einschließlich Literalen/Trennern (z. B. (555) 123-4567); wenn false (der Standard), speichert er den unmaskierten Wert (z. B. 5551234567). Hat keine Auswirkung, wenn TextEdit.Mask .MaskMode.None
TextFieldTypeTextFieldType
Text
Feldtyp für die Textbearbeitung
Valuestring?
Wert der Kontrolle.
Name: AllowedPattern
Typ: string?
Beschreibung: Per-Zeichen erlaubt Regex für MaskMode.Regex (z. B. [A-Za-z]).
Name: Autocomplete
Typ: bool
Default: False
Beschreibung: Aktiviert die automatische Vervollständigung des Browsers für die Textbearbeitung.
Name: ChildContent
Typ: RenderFragment?
Beschreibung: Kindinhalt der Komponente
Name: ColumnName*
Typ: string
Beschreibung: Spaltenlogischer Name, um den Editor aus dem Tabelleneintrag zu binden.
Name: Description
Typ: string?
Beschreibung: Beschreibung wird im Tooltip angezeigt.
Name: Disabled
Typ: bool?
Beschreibung: Sollte der Editor deaktiviert werden?
Name: DisplayLabelWhenAvailable
Typ: bool
Default: True
Beschreibung: Gibt an, ob eine Etikette angezeigt werden soll, falls verfügbar.
Name: DisplayTooltipWhenAvailable
Typ: bool
Default: True
Beschreibung: Gibt an, ob ein Tooltip angezeigt werden soll, falls verfügbar.
Name: DisplayValidationErrorMessage
Typ: bool
Default: True
Beschreibung: Sollte eine Fehlermeldung zur Validierung angezeigt werden, wenn die Komponente die Validierung nicht besteht?
Name: EndContent
Typ: RenderFragment?
Beschreibung: Inhalte werden im End-Slot des Feldes (nach der Eingabe) gerendert.
Name: Immediate
Typ: bool
Default: False
Beschreibung: Wenn true, verbindet der Editor seinen Wert bei jedem Tastendruck (das DOM-Eingabeereignis ) statt auf Unschärfe (das DOM-Wechselereignis ). Nützlich, wenn mehrere Editoren, die an dieselbe Spalte gebunden sind, synchron bleiben sollten als die Nutzertypen. Standardmäßig bleibt false bestehende Verbraucher erhalten Ihr verschwommenes Committ-Verhalten. Weitergeleitet an MaskedTextField.Immediate; Sehen Sie diese Eigenschaft für die Nuance zwischen maskiertem und schnellem Weg.
Name: ImmediateDelay
Typ: int
Default: 0
Beschreibung: Debounce, in Millisekunden, angewendet auf den Tastendruck, wenn TextEdit.Immediate ist true. Zero (der Standard) commits auf jeden Tastendruck; Positive Werte warten so lange nach dem letzten Tastendruck Entlassung von ValueChanged. Weitergeleitet an MaskedTextField.ImmediateDelay.
Name: IsVisible
Typ: bool
Default: True
Beschreibung: Ist der Editor sichtbar?
Name: Label
Typ: string?
Beschreibung: Text soll als Etikett für den Editor angezeigt werden.
Name: Mask
Typ: MaskMode
Default: None
Beschreibung: Masking-Strategie angewandt auf die Eingabe. Standardmäßig gilt , MaskMode.Nonewas beibehalten bleibt das Feld auf dem Null-Interop-Schnellpfad (ein einfach gebundenes Textfeld). Stellen Sie auf MaskMode.Pattern oder MaskMode.Regex um caret-sichere Maskierung zu ermöglichen.
Name: MaxLength
Typ: int?
Beschreibung: Maximale Länge der zulässigen Saite.
Name: MinLength
Typ: int?
Beschreibung: Maximale Länge der zulässigen Saite.
Name: Pattern
Typ: string?
Beschreibung: Schlitzvorlage für MaskMode.Pattern (z. B. (000) 000-0000).
Name: ReadOnly
Typ: bool?
Beschreibung: Sollte der Editor nur lesegeschützt sein?
Name: Required
Typ: bool?
Beschreibung: Sollte der Wert erforderlich sein.
Name: Rows
Typ: int?
Beschreibung: Wenn angegeben, bestimmt er die Anzahl der Zeilen, die die Steuerung einnehmen wird.
Name: StartContent
Typ: RenderFragment?
Beschreibung: Inhalte, die im Startplatz des Feldes (vor der Eingabe) gerendert wurden – ein Symbol, ein Präfix usw.
Name: StoreMaskedValue
Typ: bool
Default: False
Beschreibung: Kontrolliert, ob ein maskierter Wert mit oder ohne die Maske gespeichert wird. Wenn true, die Spalte speichert den maskierten Text einschließlich Literalen/Trennern (z. B. (555) 123-4567); wenn false (der Standard), speichert er den unmaskierten Wert (z. B. 5551234567). Hat keine Auswirkung, wenn TextEdit.Mask .MaskMode.None
Name: TextFieldType
Typ: TextFieldType
Default: Text
Beschreibung: Feldtyp für die Textbearbeitung
Name: Value
Typ: string?
Beschreibung: Wert der Kontrolle.

Veranstaltungen

Name
Typ
Beschreibung
ValueChangedEventCallback<ColumnValueBase>
Erhält oder setzt einen Callback, der den gebundenen Wert aktualisiert.
Name: ValueChanged
Typ: EventCallback<ColumnValueBase>
Beschreibung: Erhält oder setzt einen Callback, der den gebundenen Wert aktualisiert.

Methoden

Name
Parameter
Typ
Beschreibung
GetValidationErrorsList<string>
Gibt eine Sammlung der aktuellen Validierungsfehler zurück.
Name: GetValidationErrors
Typ: List<string>
Beschreibung: Gibt eine Sammlung der aktuellen Validierungsfehler zurück.