This is a migrated thread and some comments may be shown as answers.

Form with Nested JSON

1 Answer 843 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Bill
Top achievements
Rank 1
Veteran
Bill asked on 09 Mar 2021, 12:20 PM
So we have a nested array in our json object that I'm trying to update using Kendo React Forms (See Below).

I've mapped the array and have tried to use name={ExampleArray[index].date} yet can't seem to pull the values in or update them. Is it possible? If so how do I go about doing it?

Thanks.

 
{
    "createdOn": "2007-11-15T17:14:01.763",
    "lastUpdatedOn": "2007-11-15T17:14:01.763",
    "color": "Green",
    "ExampleArray": [
      {
        "name": "Date Name",
        "id": 1,
        "date": null
      },
     {
        "name": "Date 2 Name ",
        "id": 2,
        "date": null
      },
  {
        "name": "Date 3 Name",
        "id": 3,
        "date": null
      },

]

}

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 09 Mar 2021, 12:41 PM

Hello, Bill,

I can suggest checking our example showcasing how to edit data from an array:

https://www.telerik.com/kendo-react-ui/components/form/validation/#toc-fieldarray-validation

In the example, we use a KendoReact Grid to show and edit the array.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
General Discussions
Asked by
Bill
Top achievements
Rank 1
Veteran
Answers by
Stefan
Telerik team
Share this question
or