テキスト編集

TextEditコンポーネントはDataverseの文字列カラムに対して1行のテキスト入力をレンダリングします。

React
Blazor

テキストフィールドタイプ

入力タイプを変更する TextFieldType 設定してください。オプションには Text (デフォルト)、 EmailPasswordTelUrlSearchNumberColorがあります。ブラウザは各タイプに対してネイティブなフォーマットと検証を適用します。

React
Blazor

長さ制約

テキスト長の制約を強制するために MinLengthMaxLength を使いましょう。明示的に設定されていない場合、 MaxLength はカラムメタデータから自動的に入力されます。

React
Blazor

入力マスク

Maskをユーザーが入力する際に値を制約・フォーマットする設定にします。MaskMode.PatternPatternで提供されたスロット付きテンプレートを適用します。0数字、文字A*、英数字文字を受け入れ、残りの文字はすべて自動的に文字挿入されます。MaskMode.RegexAllowedPattern正則表現に対して各文字をフィルタリングし、一致しないものは除外します。マスキングはブラウザ上で動作し、再フォーマット時にキャレットの位置を保持するため、その中間での編集は自然に動作します。デフォルトのMaskMode.Noneはフィールドをプレーンテキスト入力のままにし、相互運用性のオーバーヘッドはありません。

マスクの有無にかかわらず保管方法

デフォルトではマスクされたフィールドはマスクされていない値を保存します — 電話パターンの場合は(555) 123-4567ではなく5551234567です。StoreMaskedValue="true"で、フォーマット済みのテキスト(リテラルも含む)をカラムに永続化するように設定してください。いずれにせよ、負荷時にフィールドは正しく再マスキングされるため、選択は下流システムが何を期待するかに委ねられます。

文字列カラムにバインドされた基本の TextEdit です。

Reactの例
ブレイザーの例
React TypeScript
Razor

設定オプション

以下のコントロールを使って利用可能な物件を探りましょう。

Reactの例
ブレイザーの例
読み取り専用ですか? 必須ですか? 障害者? カラーメール番号パスワード検索テル本文URL
React TypeScript
Razor

マスクプリセット

ドロップダウンからマスクを選び、フィールドに入力すると、ライブで安全なマスクを確認できます。各プリセットはPatternまたはAllowedPatternMaskします。マスキング値を切り替えて、カラムに永続するものを比較します。フィールド下の読み取りはリアルタイムで保存値を反映します。

Reactの例
ブレイザーの例
なし(プレーンテキスト)電話 — (000) 000-0000社会保障番号 — 000-00-0000クレジットカード — 0000 0000 0000 0000郵便番号+4 — 00000-0000文字のみ — [A-Za-z] マスク値を保存します

保存価値:

React TypeScript
Razor
反応してください ブレイザー

TextEdit クラス

パラメータ

名称
種類
デフォルト
概要
AllowedPatternstring?
Autocompletebool
False
ChildContentRenderFragment?
コンポーネントの子コンテンツ
ColumnName*string
テーブルレコードからエディタをバインドするための論理カラム名。
Descriptionstring?
説明はツールチップに表示されます。
Disabledbool?
エディターを無効にすべきか。
DisplayLabelWhenAvailablebool
True
ラベルが可能であれば表示するかどうかを明記しています。
DisplayTooltipWhenAvailablebool
True
ツールチップが表示されるかどうかを指定します。
DisplayValidationErrorMessagebool
True
コンポーネントが検証に失敗したときに検証エラーメッセージを表示するべきでしょうか?
EndContentRenderFragment?
Immediatebool
False
ImmediateDelayint
0
IsVisiblebool
True
エディターは見えますか?
Labelstring?
編集者用のラベルとして表示されるテキスト。
MaskMaskMode
None
MaxLengthint?
MinLengthint?
Patternstring?
ReadOnlybool?
エディターは読み取り専用であるべきです。
Requiredbool?
価値が求められるかどうか。
Rowsint?
StartContentRenderFragment?
StoreMaskedValuebool
False
TextFieldTypeTextFieldType
Text
Valuestring?
型の価値 Models.ColumnValueBase
名称: 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

イベント

名称
種類
概要
ValueChangedEventCallback<ColumnValueBase>
バウンド値を更新するコールバックを取得または設定します。
名称: ValueChanged
種類: EventCallback<ColumnValueBase>
概要: バウンド値を更新するコールバックを取得または設定します。

方法

名称
パラメータ
種類
概要
GetValidationErrorsList<string>
現在の検証エラーの集合を返します。
名称: GetValidationErrors
種類: List<string>
概要: 現在の検証エラーの集合を返します。