【WeWeb】リストから動的にモーダルに値を入れる

Create a dynamic collection page

こちらを参考に

1. リストの行をクリックしたときのWorkflowを新規作成する

2. OnClickイベントのActionにはChange variable valueを設定する

3. 作成したGlobal Variableを選択する

   1. こちらは未作成の場合は事前に作成しておく

   2. typeはobject

4. valueにはitemのobjectをそのまま突っ込む

これにより、動的にglobal変数に選択された行のオブジェクトを設定することによってモーダル側で選択できる状態にしておく

モーダルを表示にする場合は、モーダルdisplayも同じようにChange varialbe valueとして表示にする

modal設定

これをReactでやろうとするとstate管理などが必要になってくるが、かなり簡単に動的にデータの入れ替えをし、モーダル表示・非表示の切り替えができるのでWeWebのお手軽さを感じます。