Master Detail Grid (Tree Grid), data loading

[Swetosuvro]

Hello,

I have an application where I want to use Master Detail Grid (Tree Grid).
The grid should be loading a row "Material" and under the material all the Substitute materials should load.

I am using nested json to load the grid. But for me data is not loading in the grid.
I am using json, similar to the one given below.

[{"MaterialName":"A",
"Qty":10,
"Status":"Active",
"SubMaterial" :[
{
"SubMaterialName":"A1",
"Qty":8,
"Status":"Active",
"Type":"Input"
},
{
"SubMaterialName":"A2",
"Qty":2,
"Status":"Active",
"Type":"Output"
}

]
},
{
"MaterialName":"B",
"Qty":100,
"Status":"Active"
}
];

Can someone please help me out with this issue.
You can refer to the attached screenshot to visualize how my grid should load.
Note: The screen shot belongs to a windows application.

[jpurni]

Your model should be able to match the JSON data . Can you post sample of your model and JSON data ?

[scottmartin]

Have a look at the following UX. There is an example of nesting a grid on expanded rows:
https://github.com/mitchellsimoens/U...ionRowExpander

Scott