# リピーティンググループのshow next,show previousについて

**URL:** <https://www.nocode-faq.com/t/topic/2417>\
**Category:** bubble\
**Tags:** バックエンドデータベース, バックエンドwork\
**Created:** [2021 年 12 月 8 日午後 4:41 UTC](https://www.nocode-faq.com/t/topic/2417 "2021-12-08T16:41:11Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![order.uld](https://avatars.discourse-cdn.com/v4/letter/o/8e8cbc/32.png) [@order.uld](https://www.nocode-faq.com/u/order.uld)\
**Post date:** [2021 年 12 月 8 日午後 4:41 UTC](https://www.nocode-faq.com/t/topic/2417/1 "2021-12-08T16:41:11Z")

</div>

■画面遷移  
商品一覧→商品詳細

■想定している動き  
商品詳細画面内で次の商品、前の商品に遷移させたい。

■現在のWorkflowの動き  
1.商品詳細ページに遷移する際にsend more parameterで商品のunique idを付与  
2.遷移先の商品詳細ページにはリピーティンググループを設置し、Do a search forの条件にGet from page URLを使いunique idで商品DB情報を取得表示。

■問題点  
商品詳細ページにunique idで情報を飛ばすので受け取り側のリピーティンググループの条件でunique idを指定している為、商品詳細ページでshow previous、show nextが使えない。  
※商品詳細ページのリピーティンググループではDo a search forの条件でunique idを指定しているのでデータの範囲が1つになってしまう為。

■対応策  
Workflowでshow previous、show nextの手前にDisplay listを置いて商品詳細画面に設置したリピーティンググループのDo a search forのunique id絞り込み条件を削除しています。

■対応策問題点  
show previous、show nextは機能するようになったものの、現在表示しているアイテムの次、前ではなく商品データベースの先頭に一旦戻ってから次の商品、前の商品という状態になる。

上記状況の解決策があればご教授いただけますと幸いです。

---

<div class="post-metadata">

**Author:** ![micco](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/micco/32/3107_2.png) [@micco](https://www.nocode-faq.com/u/micco)\
**Post date:** [2021 年 12 月 8 日午後 11:03 UTC](https://www.nocode-faq.com/t/topic/2417/2 "2021-12-08T23:03:03Z")

</div>

> [@order.uld](#):
>
> ■対応策問題点  
> show previous、show nextは機能するようになったものの、現在表示しているアイテムの次、前ではなく商品データベースの先頭に一旦戻ってから次の商品、前の商品という状態になる。

Bubbleの公式refereceでも同様の問題が起きると書いてました。  
Bubble側の対応策としては一度リピーティンググループを非表示にすることを勧めているみたいです。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/4/4629780fc80859cd64610fb3237f8d7cb5a68629.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/95c1ce18158c1cd9ecf389de849a27b190c02207.png)

もっと良い方法あると思いますが参考にしてみてください。

---

<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:** [2021 年 12 月 9 日午前 12:49 UTC](https://www.nocode-faq.com/t/topic/2417/3 "2021-12-09T00:49:23Z")

</div>

商品リストと同じページに詳細を表示するGroupを作成し、SPAのようにして動作させてみてはと思いましたがいかがでしょう？  
商品数にもよりますが、repeating groupを1行のみ表示にしてshow previous, show nextの方法か、全件取得するrepeating groupにしてその読み込み済みのデータをitems[x]で取得する形でも実現できそうに思います。

---

<div class="post-metadata">

**Author:** ![kiyoto](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kiyoto/32/5128_2.png) [@kiyoto](https://www.nocode-faq.com/u/kiyoto)\
**Post date:** [2021 年 12 月 9 日午後 12:16 UTC](https://www.nocode-faq.com/t/topic/2417/4 "2021-12-09T12:16:38Z")

</div>

こんにちは！

すでにご回答されている方法で十分かと思いますが、私のアイデアも共有させていただきます！  
（repeatingグループの使用にこだわっているなど、ご希望に沿う回答でなければすみません💦）

リピーティンググループを使わない方法となります。

1. 商品一覧から商品を選択すると商品詳細ページへ飛ぶ。その際、番号（Current cell’s index）を送信
2. 詳細ページで番号を取得。ページのstateなどに番号情報を保持。商品リストから「item#（ここでstateを使用）」で商品データをとる。
3. prev、nextボタンはstateに+1(または-1)

---

<div class="post-metadata">

**Author:** ![order.uld](https://avatars.discourse-cdn.com/v4/letter/o/8e8cbc/32.png) [@order.uld](https://www.nocode-faq.com/u/order.uld)\
**Post date:** [2021 年 12 月 9 日午後 1:55 UTC](https://www.nocode-faq.com/t/topic/2417/6 "2021-12-09T13:55:39Z")

</div>

皆様ありがとうございました！

kiyoto様の方法で無事解決出来ました！  
お手本までご丁寧に制作いただきありがとうございました！  
改めて考え方の角度を変えるだけで色んな実装が出来るBubbleに可能性を感じました。

また何かあれば是非宜しくお願いいたします！