I’ve followed the logic here: Repeater inside another repeater but I’m still unable to get the inner repeater data to populate.
I’m trying to create a page where posts and related comments will populate upon entering a page; comments have a visibility toggle.
Here is the logic:
I’m not sure what I’m missing. But, nothing populates (not even the “x” to make the block invisible) when I click the down arrow icon to change visibility of the repeater block.
Hello @TL_Robinson
Could you please create a minimal test page with the simplest possible logic/UI that reproduces the issue?
That way, we’ll be able to isolate whether the problem is in the repeater setup itself or in the surrounding logic/UI.
Thanks!
Hi, Inna. I created a duplicate of the original page for you to play with. I called it “InnasPage”. Unfortunately, I’m not how to make is simpler without creating another issue. Feel free to fully play with this page since it’s a duplicate of the original.
-TL
Hi @TL_Robinson
Take a look how it works now.
The main issue was with using wrong data binding. When you enable the “Repeater” option for a container and then assign a list the repeater, it start creating a new DataModel for each item, so inside in nested component you need to points data-binding according the model properties.
AppData => PageData => PageData.ParentList => Repeater => DataModel (Parent1)
=> DataModel (Parent2)
=> DataModel (Parent3)
=> DataModel (Parent4) => Parent4.ChildrenList => Repeater => DataModel (ChildX)
Regards,
Vlad
Hi, Vlad. I looked at the preview page and the data for the outer repeater is now being suppressed. So, the binding actually isn’t giving the correct/desired data. Also, the “user interface” no longer displays.
I see the same thing now. Prior to the binding that you updated, there were 20+ records in the table that are supposed to populate. I want all of the posts to show and the down arrow icon for each post should reveal the comments (child) related to each post (parent). Right now, there are only three comments.
So, something is happening but I’m not sure what.
yes, on the test page, I added a query to load only items with children to see if it works.
So, find the load items block and remove the query, and it will load all items
The original issue still persists. There doesn’t seem to be any progress on my initial request. Inna, I saw you solved this very issue for two previous users. And, I used your solution to try and fix the issue but it isn’t working. Can you help get me a solution?
Hello, @TL_Robinson
Your comments block SupporterPostCommentBlock has a Display setting checked, which makes it visible by default. Simply uncheck the Display checkbox in the block’s Settings panel, and your comments will start hidden like you want. To make it toggle open/close, you can create a Page Data variable to track the visibility state.
Kind regards,
Karyna
