List View Dynamically show data & create child components of it

[Uulkhan_Mairambek]

Hello!

I need to dynamically display data using a ListView while also being able to add and delete child components.

1. I have a ListView component with a 'container6' element wrapping three inputs. These inputs are populated with data from a REST data source. When I click the 'add another quota' button, another container with three inputs must appear.

2. Is there any way to collect input values and inject them into POST BODY request dynamically as the number of objects can be unlimited as below:

"intervals": [
{
"numberOfConversations": 2,
"startTimeMinutes": 5,
"endTimeMinutes": 10
},
{ .....other ones with input values}
]

This is resolved with the help of below posts. Thank you!

How can i duplicate the component using button click in same app

Thanks for sharing that @Pradip_Kumar_Parkar! It looks like, right now, all of the nested listviews are referencing the same value: [image] You'll instead want to set state1 to be somehow indexable, for instance by initiating it as an array so that you can use the index of the listview with something like state1.value[i]: [image] When you set the value of the state you'll then want to use setIn instead of setValue: [image] [image] And then when you add a new subform you'd want to add or …

Add Textbox when a user clicks a button

Hey @priyam!  We answered this in our chat today but wanted to post this here for any other interested parties:  I believe the best way to do this would be to use a listview component. To set this up, first I would create some temporary state in the left panel by selecting "Create new" [image] with this state selected, in the right panel I would give it an initial value of 1 [image] This state will keep track of how many inputs to render. Next, I would create a button and a li…

[Tess]

Glad to hear it's solved! Thanks for following up and surfacing these posts for other users!