Angular datagrid binding

[Akash]

Hi all,

 

I am using Kendo UI with Angular. I want to show some data in my Kendo Grid but I am stuck at a point as the json data I am using is of multiple level.

Json data:

{

"colleges": [

{

"id": 1,

"name": "test 1",

"entities": [

{

"type": "teacher",

"name": "Dan"
}

]

},

{

"id": 2,

"name": "test 2",
"entities":

[

{

"type": "student",

"name": "David"

}
]
}

],

"status": "Success"

}

 

I want to show data in the below form:

 

College name            Student name                  Teacher name

test 1                                                                          Dan

test 2                            David

 

Your valuable response will be appreciated. Please feel free to contact back if any question.

 

Thanks,

Akash Verma

[Martin Bechev]

Hi Akash,

Thank you for the provided code snippet.

The Grid data input property generally supports only one-level arrays or objects or a GridDataResult, where the data property is supposed to be a one-level array.

https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/

In case there are more levels of arrays, then the Grid won't be able to represent the data as desired (speaking for more complex scenarios), and built-in filtering or other data built-in data operations won't work.

I would suggest reconstructing the data so that it consists of a single array level and then defining the desired Grid columns.

Regards,
Martin
Progress Telerik

[Akash]

Hi Martin,
Thanks for your response.

 

Regards,

Akash Verma