Skip to main content

テキストエリアの使い方

初期値を設定する

[DefaulValue] に固定値もしくは動的な値を設定します。

テキストのDefaultValueに動的な値を適用する

  1. [テキストエリア]をドラッグ&ドロップします。
  2. [テーブル]をドラッグ&ドロップします。
  3. [状態管理]をクリックし、[UIエレメント] から [table1] をクリックして [selectedRow] の中のdatanameが入っていることを確認します。
  4. [テキストエリア][DefaultValue]{{ table1.selectedRow.data.name }} と入力します。

テーブルの選択する行を変更すると、それによって初期値が変更されます。
これは、特定の値を更新するときのインプットなどでもよく使用します。

{{ }} はコンポーネントの状態にアクセスでき、内部ではJavaScriptを実行することができます。{{ }}を使わずに、固定の値を入れることも可能です。