Nested Repeat General How-To

Wappler General Need Help
1

It’s been a while since I’ve done one of these. I think it was back in the HTML5 data-binding days, lol. I need to do some nested repeat type regions, where I have something like multiple categories, and rows within those categories, but I don’t want to see the category repeated. Something like:
Category1
Item 1
Item 2
Item 3
Category2
Item 1
Item 2
Category3
Item1

Instead of this:
Category1 Item1
Category1 Item2
Category1 Item3
Category2 Item1
etc,

Is this done client side, or server side with the sql grouping?
Sorry if this has been covered, I didn’t find it.

Thanks,
Chris

2

Hi Chris,
You can do this either on the client side or on the serverside.
The serverside way: in server connect you need to create:

  1. Categories query
  2. Add a repeat step and use the categories query as an expression
  3. Inside the repeat step add products query. Add a filter for this query and filter by the category returned from the repeat.

Turn off the categories query output option and turn on the repeat step output option.

On the client side create a repeat region from the repeat step, bind the category binding there. Nest another repeat inside it, from the products query and bind your products there.

4 Likes
3

Awesome, thanks. I will give it a try.

Thanks,
Chris

1 Like