TextEditコンポーネントはDataverseの文字列カラムに対して1行のテキスト入力をレンダリングします。
<TextEdit columnName="ppp_name" /><TextEdit ColumnName="ppp_name" />入力タイプを変更する TextFieldType 設定してください。オプションには Text (デフォルト)、 Email、 Password、 Tel、 Url、 Search、 Number、 Colorがあります。ブラウザは各タイプに対してネイティブなフォーマットと検証を適用します。
<TextEdit columnName="emailaddress1" type="email" />
<TextEdit columnName="telephone1" type="tel" /><TextEdit ColumnName="emailaddress1" TextFieldType="TextFieldType.Email" />
<TextEdit ColumnName="telephone1" TextFieldType="TextFieldType.Tel" />テキスト長の制約を強制するために MinLength と MaxLength を使いましょう。明示的に設定されていない場合、 MaxLength はカラムメタデータから自動的に入力されます。
<TextEdit columnName="ppp_name" minLength={3} maxLength={100} /><TextEdit ColumnName="ppp_name" MinLength="3" MaxLength="100" />Maskをユーザーが入力する際に値を制約・フォーマットする設定にします。MaskMode.PatternPatternで提供されたスロット付きテンプレートを適用します。0数字、文字A*、英数字文字を受け入れ、残りの文字はすべて自動的に文字挿入されます。MaskMode.RegexAllowedPattern正則表現に対して各文字をフィルタリングし、一致しないものは除外します。マスキングはブラウザ上で動作し、再フォーマット時にキャレットの位置を保持するため、その中間での編集は自然に動作します。デフォルトのMaskMode.Noneはフィールドをプレーンテキスト入力のままにし、相互運用性のオーバーヘッドはありません。
<!-- パターンマスク:電話番号 -->
<TextEdit ColumnName="telephone1"
Mask="MaskMode.Pattern"
Pattern="(000) 000-0000" />
<!-- 正則表現フィルター:文字と空欄のみ -->
<TextEdit ColumnName="ppp_name"
Mask="MaskMode.Regex"
AllowedPattern="[A-Za-z ]" />
デフォルトではマスクされたフィールドはマスクされていない値を保存します — 電話パターンの場合は(555) 123-4567ではなく5551234567です。StoreMaskedValue="true"で、フォーマット済みのテキスト(リテラルも含む)をカラムに永続化するように設定してください。いずれにせよ、負荷時にフィールドは正しく再マスキングされるため、選択は下流システムが何を期待するかに委ねられます。
<!-- 店舗は「(555) 123-4567」ではなく「5551234567」 -->
<TextEdit ColumnName="telephone1"
Mask="MaskMode.Pattern"
Pattern="(000) 000-0000"
StoreMaskedValue="true" />
文字列カラムにバインドされた基本の TextEdit です。
以下のコントロールを使って利用可能な物件を探りましょう。
ドロップダウンからマスクを選び、フィールドに入力すると、ライブで安全なマスクを確認できます。各プリセットはPatternまたはAllowedPatternでMaskします。マスキング値を切り替えて、カラムに永続するものを比較します。フィールド下の読み取りはリアルタイムで保存値を反映します。
保存価値:
—
名称 | 種類 | デフォルト | 概要 |
|---|---|---|---|
AllowedPattern | string? | ||
Autocomplete | bool | False | |
ChildContent | RenderFragment? | コンポーネントの子コンテンツ | |
ColumnName* | string | テーブルレコードからエディタをバインドするための論理カラム名。 | |
Description | string? | 説明はツールチップに表示されます。 | |
Disabled | bool? | エディターを無効にすべきか。 | |
DisplayLabelWhenAvailable | bool | True | ラベルが可能であれば表示するかどうかを明記しています。 |
DisplayTooltipWhenAvailable | bool | True | ツールチップが表示されるかどうかを指定します。 |
DisplayValidationErrorMessage | bool | True | コンポーネントが検証に失敗したときに検証エラーメッセージを表示するべきでしょうか? |
EndContent | RenderFragment? | ||
Immediate | bool | False | |
ImmediateDelay | int | 0 | |
IsVisible | bool | True | エディターは見えますか? |
Label | string? | 編集者用のラベルとして表示されるテキスト。 | |
Mask | MaskMode | None | |
MaxLength | int? | ||
MinLength | int? | ||
Pattern | string? | ||
ReadOnly | bool? | エディターは読み取り専用であるべきです。 | |
Required | bool? | 価値が求められるかどうか。 | |
Rows | int? | ||
StartContent | RenderFragment? | ||
StoreMaskedValue | bool | False | |
TextFieldType | TextFieldType | Text | |
Value | string? | 型の価値 Models.ColumnValueBase |
AllowedPatternAutocompleteChildContentColumnName*DescriptionDisabledDisplayLabelWhenAvailableDisplayTooltipWhenAvailableDisplayValidationErrorMessageEndContentImmediateImmediateDelayIsVisibleLabelMaskMaxLengthMinLengthPatternReadOnlyRequiredRowsStartContentStoreMaskedValueTextFieldTypeValueModels.ColumnValueBase名称 | 種類 | 概要 |
|---|---|---|
ValueChanged | EventCallback<ColumnValueBase> | バウンド値を更新するコールバックを取得または設定します。 |
ValueChanged名称 | パラメータ | 種類 | 概要 |
|---|---|---|---|
GetValidationErrors | List<string> | 現在の検証エラーの集合を返します。 |
GetValidationErrors