# Repeating Groupの要素を部分的にポップアップに表示したい

**URL:** <https://www.nocode-faq.com/t/topic/4069>\
**Category:** bubble\
**Created:** [2023 年 12 月 11 日午前 9:36 UTC](https://www.nocode-faq.com/t/topic/4069 "2023-12-11T09:36:21Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Art](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/art/32/7424_2.png) [@Art](https://www.nocode-faq.com/u/Art)\
**Post date:** [2023 年 12 月 11 日午前 9:36 UTC](https://www.nocode-faq.com/t/topic/4069/1 "2023-12-11T09:36:21Z")

</div>

Repeating Groupの要素の内, Click選択したものをポップアップに表示したいです。  
仮説を立てましたが, 再現するための命令の組み方がわかりません。  
そのため, 仮説を再現するための助言か, 別案を提案していただきたいです。

再現したいイメージはこの写真のとおりです。

 ![スクリーンショット 2023-12-11 18.32.56](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/ad10c631c713fd262b8bc2e402c222103b32fa5d.jpeg)

【仮説】  
option setのタイプをyes/noに設定します。  
そのoption setをRGの要素のデータに紐付け, デフォルトをNoに設定します。  
そして, 下記のようなWorkflowを組みます。  
IndexのRepeating Group"A"の要素をClickした時, その要素のデータ（option set）に変更を加える。

option setがyesの要素のみを, PopupのRepeating Group"B"に表示する。

---

<div class="post-metadata">

**Author:** ![mizutama12120329](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/mizutama12120329/32/7630_2.png) [@mizutama12120329](https://www.nocode-faq.com/u/mizutama12120329)\
**Post date:** [2023 年 12 月 11 日午前 11:25 UTC](https://www.nocode-faq.com/t/topic/4069/2 "2023-12-11T11:25:25Z")

</div>

@Art さん

これは、提案になるのですが、ポップアップを表示するテーブルを作って画像を押したという情報を保存してあげるのはいかがでしょうか？

【実装方針】  
1.ポップアップを保存するテーブルの作成  
今回は、Productというテーブルに画像のURLが保存されているものとします。

 ![スクリーンショット 2023-12-11 20.13.13](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f64455324c06bc3bc0692dd85f16ca41da235f8d.png)

1. Workflowを組む  
画像をクリックしたら ユーザー情報とCurrent Cellの情報を保存する  
 ![スクリーンショット 2023-12-11 20.13.51](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d565c134893ffab9a4bf378d6a1d941806be4d88.png)

2. ポップアップを作る  
現在のユーザーで絞り込み表示する

 ![スクリーンショット 2023-12-11 20.14.45](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7ba25697040408599d31bf51d7a35182beae3a22.png)

Designの方でPopupの要素 Appearanceをいじる

 ![スクリーンショット 2023-12-11 20.14.26](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6b0ff1467736ee11680079d1f0a024bf65726e9a.png)

結果  
今回は、保存された uniq idを表示しています。  
 ![スクリーンショット 2023-12-11 20.20.16](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c5d58ab6724aebdfd0d3c3116848e41e0cf513fe.png)

自分は、この方法しか思いつきませんでした。

何かの参考になれば幸いです。

---

<div class="post-metadata">

**Author:** ![Aki\_Sydney](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/aki_sydney/32/6600_2.png) [@Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)\
**Post date:** [2023 年 12 月 11 日午後 2:16 UTC](https://www.nocode-faq.com/t/topic/4069/3 "2023-12-11T14:16:24Z")

</div>

RepeatingGroupと同じData typeで、custom stateをlist型で作り、そこに押した情報を保存していきます。  
そして、Popup内のRepeatingGroupのData sourceをcustom stateにすればOKです。

---

<div class="post-metadata">

**Author:** ![Art](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/art/32/7424_2.png) [@Art](https://www.nocode-faq.com/u/Art)\
**Post date:** [2023 年 12 月 12 日午前 9:58 UTC](https://www.nocode-faq.com/t/topic/4069/4 "2023-12-12T09:58:43Z")

</div>

@ [mizutama12120329](https://www.nocode-faq.com/u/mizutama12120329)さん, 提案ありがとうございます！

Userの行動をデータテーブルで保存して表示する方法、思いつきませんでした！  
丁寧な解説で非常にわかりやすいです、写真までありがとうございます😭  
無事に再現できました！！

 ![スクリーンショット 2023-12-12 18.58.11](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/bd07b115abd20ded16584af9f5d27cde32c90b56.jpeg)

こちらのやり方について、１点質問があります。  
操作に可逆性をつけることはできますか？  
同じ要素をクリックしたとき, その要素の保存内容を消すというワークフローを組めるようでしたら、ぜひご教授いただきたいです！！

---

<div class="post-metadata">

**Author:** ![Art](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/art/32/7424_2.png) [@Art](https://www.nocode-faq.com/u/Art)\
**Post date:** [2023 年 12 月 12 日午前 10:22 UTC](https://www.nocode-faq.com/t/topic/4069/5 "2023-12-12T10:22:45Z")

</div>

@[Aki\_Sydney](https://www.nocode-faq.com/u/Aki_Sydney)さんいつもありがとうございます！

list型を用いることで, Repeating Groupに異なるValueのカスタムステイトをセットできるのは初めて知りました…  
無事再現できました！！

 ![スクリーンショット 2023-12-12 19.06.13](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/cf9e225bfacd7f34f104b899b845a9a3dfe40f64.png)

１点質問してもよろしいでしょうか？  
Repeating Groupはデータタイプをひとつしか指定できないため、下記イメージ写真のような"パターン１"が再現されます。  
理想ではパターン２のような、Repeating Group内に [text, image]等複数のデータタイプを組み込みたいです。  
もし再現可能であれば、ご教授いただきたいです!!!

 ![スクリーンショット 2023-12-12 19.18.04](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9486034184b480b1811ad85f14960dce668d9d3a.jpeg)

---

<div class="post-metadata">

**Author:** ![mizutama12120329](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/mizutama12120329/32/7630_2.png) [@mizutama12120329](https://www.nocode-faq.com/u/mizutama12120329)\
**Post date:** [2023 年 12 月 12 日午前 10:40 UTC](https://www.nocode-faq.com/t/topic/4069/6 "2023-12-12T10:40:59Z")

</div>

@Art さん  
ひとまずできてよかったです。

> 操作に可逆性をつけることはできますか？  
> 同じ要素をクリックしたとき, その要素の保存内容を消すというワークフローを組めるようでしたら、ぜひご教授いただきたいです！！

こちらの質問なのですが自分ならこうするというものになりますので、１例として捉えていただけたらと思います。

同じ要素を判定したいかつ削除もしたいのであれば、下記の書き方はいかがでしょうか？

「Repeating Group」内にある写真に対して処理を作ります。

「Make changes to」を使い特定のレコードを取得してから対象の状態を削除することで解決できそうに思いました。  
「Thing to Change」では、特定のレコードを取得する  
 ![スクリーンショット 2023-12-12 19.33.10](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/066581f6a406e00ae129f31f932ed56ce51c7460.png)

「Only when」では、対象のレコードがあったらWorkflowが動くようにしてしまうとよさそうに思えました。

---

<div class="post-metadata">

**Author:** ![Art](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/art/32/7424_2.png) [@Art](https://www.nocode-faq.com/u/Art)\
**Post date:** [2023 年 12 月 12 日午後 2:56 UTC](https://www.nocode-faq.com/t/topic/4069/7 "2023-12-12T14:56:21Z")

</div>

@ [mizutama12120329](https://www.nocode-faq.com/u/mizutama12120329)さん, ありがとうございます！

どうにか再現したいイメージが組み立てられました！！  
今まで使わなかったワークフローと出会えて楽しかったです！！