外観
Tableの行ごとの選択に応じて内容を変える
Dashcombが提供しているTableコンポーネントは行を選び、その各コラムの値を取得して、別のコンポーネントにて表示させることが可能です。
準備
- データソースのデータをTableコンポーネントに表示させてます。
- 詳細はTableにご参考ください。
実現
- Tableデータの受け皿としてのコンポーネントを追加します。
- 例えば、Inputをドラッグ＆ドロップします。
- Inputなどのデフォルト値に
{{table名.selectedRow.id}}、{{table名.selectedRow.name}}などを埋め込みます。 - 表示元のTableの行をクリックすると、Inputなどのコンポーネントに該当行のデータが表示されます。
- 違う行を選んで、該当行のデータでInputなどのコンポーネントの値を更新します。