Input

​

Text Input コンポーネントは、ユーザーがフォームまたは入力フィールドにテキストを入力および編集できるユーザーインターフェイス要素です。

​

プロパティー

​

方法

他のコンポーネントを使用してコンポーネントを制御できます。 以下の 2 つの方法をサポートします。

• setValue

入力値を設定するには、例えば、 {{‘value1’}}

• clearValue

選択したコンポーネントの値をクリアするには

• focus

foch メソッドが呼び出されたとき 入力フィールドはハイライト表示され、ユーザーが入力フィールドをクリックする必要なく入力を開始する準備ができています

使用例:

入力コンポーネントは、組み込みのイベントシステムを使用して他のコンポーネントの onChange イベントをリッスンすることをサポートします。 以下の例に従って設定します:

1. リッスンしたいコンポーネントにイベントトリガーを追加します。 例えば、Radio Group コンポーネントの onChange イベントをリッスンしたい場合。 あなたはそのRadio Groupコンポーネントにイベントハンドラを追加します。
2. Edit イベントハンドラーで Control component を実行中に選択し、イベントのターゲットとして更新する Input コンポーネントを選択します。
3. SetValue アクションを選択し、入力コンポーネントに適切な値を選択します。 これは、入力コンポーネントが持つ値になり、イベントがトリガーされたときに更新されます。
4. イベントトリガーの設定を保存し、リッスンしたい他のコンポーネントに対して処理を繰り返します。

イベントトリガーを設定すると、他のコンポーネントで onChange イベントがトリガーされるたびに、入力コンポーネントは自動的に更新されます。 これにより、ユーザーの入力にリアルタイムで応答する動的インターフェイスを作成できます。 ユーザーがアプリケーションを操作したり操作したりできるようになります。

​

イベントハンドラ：

​

データ

コンポーネントには一般的に使用されているデータがいくつか含まれており、アプリで {{componentName.propertyName}} を介して呼び出すことができます。

例: {{input1.value}}

​

大文字小文字を区別する

以下に、入力コンポーネントをカスタマイズする例を示します。

• プレフィックス:

• サフィックス:

• ツールチップ:

• パターン: