Tableの行ごとの選択に応じて内容を変える

Dashcombが提供しているTableコンポーネントは行を選び、その各コラムの値を取得して、別のコンポーネントにて表示させることが可能です。

準備

• データソースのデータをTableコンポーネントに表示させてます。

  • 詳細はTableにご参考ください。

実現

• Tableデータの受け皿としてのコンポーネントを追加します。

  • 例えば、Inputをドラッグ＆ドロップします。

• Inputなどのデフォルト値に {{table名.selectedRow.id}}、{{table名.selectedRow.name}} などを埋め込みます。

• 表示元のTableの行をクリックすると、Inputなどのコンポーネントに該当行のデータが表示されます。

• 違う行を選んで、該当行のデータでInputなどのコンポーネントの値を更新します。

参照項目

• Inputの使い方

• Tableの使い方