# RepeatingGroup内の特定のアイテムを選択する方法

**URL:** <https://www.nocode-faq.com/t/topic/2862>\
**Category:** bubble\
**Tags:** バックエンドデータベース\
**Created:** [2022 年 5 月 10 日午後 8:54 UTC](https://www.nocode-faq.com/t/topic/2862 "2022-05-10T20:54:23Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2022 年 5 月 10 日午後 8:54 UTC](https://www.nocode-faq.com/t/topic/2862/1 "2022-05-10T20:54:23Z")

</div>

### ・実装したい機能

神経衰弱ゲームの実装  
※取り消し線部分は実装できています。  
~~①カードを非常時にしておく(Shapeの重ね合わせ)~~  
~~②クリックするとカードが表示される~~  
~~③１枚づつしか表示できないようにする~~  
~~④正解したカード同士は表示したままにする~~  
⑤不正解の場合は非表示に戻す  
⑥正解した場合はShapeもカードも非表示にする

### 発生している問題点

2枚目のカードがクリックされたときに、1枚目と2枚目のカードが同じかどうかを判定し  
CustomStateに格納していますが、RepeatingGroup内のListから選択することができず  
表示、非表示の切り替えができません。  
event発火条件がClickのため、2枚目のカードのみを非表示にすることは可能です。  
CustomStateに保存している情報からRepeatingGroup内の情報を取得することは可能でしょうか。

### スクリーンショット

現状  
 ![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d3836e9023ade6685789f4dc597a87e8eb08c08e.gif)  
完成品のイメージ  
 ![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/d2186ea70ca61739e07fbd7206a5525f825276a2.gif)

### 試したこと

・1枚目と2枚目のクリックeventを分けてWorkFlorｗを作成  
・PopUpを表示し、PopUpのクローズをトリガーとしてHide条件を設定 =\> データが取得できない  
・クリックしたタイミングでHide条件の判定を設定 =\> 1枚目のカードデータが取得できない

---

<div class="post-metadata">

**Author:** ![TomokoTsuruta](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@TomokoTsuruta](https://www.nocode-faq.com/u/TomokoTsuruta)\
**Post date:** [2022 年 5 月 11 日午前 4:21 UTC](https://www.nocode-faq.com/t/topic/2862/2 "2022-05-11T04:21:00Z")

</div>

RepeatingGroup内の個別アイテムは特定できなかった気がします。

ただ、データベースの内容は即時反映されますのでカードの内容を Data Types に保存しながら処理するのはどうでしょう…？

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2022 年 5 月 11 日午前 6:29 UTC](https://www.nocode-faq.com/t/topic/2862/3 "2022-05-11T06:29:20Z")

</div>

ありがとうございます。  
CustomStateを離れてDBに保存する形で進めてみます。

---

<div class="post-metadata">

**Author:** ![yukikun](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yukikun/32/3485_2.png) [@yukikun](https://www.nocode-faq.com/u/yukikun)\
**Post date:** [2022 年 5 月 11 日午前 7:13 UTC](https://www.nocode-faq.com/t/topic/2862/4 "2022-05-11T07:13:12Z")

</div>

RepeatingGroupに表示されている任意のレコードのみを非表示にする  
と捉えて答えます。

現状CustomStateなどで正解になったカードペアが管理されていると思うので、こちらをリストとしてCustomsStateに保持します。  
※正解したら、それぞれのカード情報をCustomStateのListにAddする。  
RepeatingGroupのDataSourceにFilterを追加し、レコードのUniqueIdなどをis not containsで上記のList形式のCustomStateと比較させて、正解のListに含まれない値のみを残す。  
このようにすれば、RepeatingGroupから消す（ただし、正解すると正解箇所が詰まっていく）挙動になります。

残しままの場合であれば、RepeatingGroup内のカード？などのGroupのConditionsで、上記の正解Listに含まれていたら（is contain）非表示にするといった形式にしてはどうでしょうか？

正解の瞬間に消えると気持ち悪そうなので、正解になった時に正解Listに加えると同時にタイマーなどで消すタイミングを制御するのも良さそうです。が、これは蛇足ですね。

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2022 年 5 月 11 日午後 9:08 UTC](https://www.nocode-faq.com/t/topic/2862/5 "2022-05-11T21:08:32Z")

</div>

> 残しままの場合であれば、RepeatingGroup内のカード？などのGroupのConditionsで、上記の正解Listに含まれていたら（is contain）非表示にするといった形式にしてはどうでしょうか？

Conditonalの判定がpage lord時に走るようなので、Refresh the pageをWorkFlowの最後に加えてみました。

 ![2022-05-12_06h07_32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/37c17ae96730e68057d95fb2172d372995ca5fe4.png)  
動きがそれっぽくなったので、細かいところの修正を進めていきます。  
ありがとうございました。  
 ![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/a/a549cf4f2efa72c51d4e313bde586dfca64a4202.gif)
