3-levels repeater

Ask the community
,
1

Hi everyone, hope some expert can give me guidance.

I need to nest 3 repeaters.
I am already aware that repeaters elements cannot be attached to a repeater, while I could attach a table to a repeater. However, having only 2 levels does not satisfy my requirement.

I have 3 collections: Chefs, Menus, and Dishes.
Each Chef can have many menus, each menu can have many dishes.

My idea is to have 2 steps multiform:
state 1) the user views all the chefs, selects 1 ore more chefs and click Next
state 2) for every selected chef, I want the page to show all their menus and all the dish within each menu

Ideally, I would have a repeater for Chefs, containing a repeater for menus, containing a repeater for the dishes, but I understand this is not feasible.
I am attaching a very simple sketch about how the page structure I have in mind.

Any suggestions on how I could achieve this experience?

Thanks a lot for your help! :slight_smile:
Matteo

1200×1600 175 KB

2

Hi Matteo :raised_hand_with_fingers_splayed:

Unfortunately, you can’t nest repeaters inside each others, you can only use one repeater at a time.

Ahmad

3

Thanks Ahmad for your prompt reply. I see. I hope someone can recommend a workaround to achieve a similar behavior.

4

I guess it can be done using Custom Elements but it’s not going to be easy to code it.

5

J. D. indeed it is.
You’re welcome Matteo :wink:

6

@matteo Someone added this request to our Wishlist page. Please upvote !

7

I achieved two levels of nested repeater by having a parent repeater and inside the parent repeater’s container I put in a Table. However, three levels of repeater is not possible yet. Good luck!