[Solved] Issues with grids embedded in grid detail row

[jeff]

Hi folks,
Two issues with grids embedded in detail rows;

1) 'undefined' data in grids embedded in detail row - the primary grid, which holds the other two tables in the detail row, uses a json array called 'mystuff', for example. The two other grids/tables, in the detail row I'm attempting to use, uses child arrays from that same 'mystuff' array.. I seem to be connecting to it, but all data comes back as 'undefined'..

So, in my columns definition, I am calling to:

template: "#=childarrayName.niftyDataField#"

..and my schema is:

1.schema: {
2.     data: "arrayName[0].childarrayName"
3.},

is this correct? It doesn't seem like I should have to call to the child array in the template declaration.. by doing this, I get no errors on the page, but all data is 'undefined'.. I've been trying to find an example of multiple grids using the same data source with child arrays, maybe you can point me to one? I can't find anything in the dom that points to anything conclusive (other than undefined)..

2) The grids I've embedded in the details row are getting their widths from the initial grid; I've tried sizing their containers, etc.. but nothing seems to 'contain' it, lol! Ideas?

Thank you!

[Vladimir Iliev]

Hi Jeff,

From the provided information it's not clear for us what is the exact setup that you have - could you please provide runable example where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

Also for your convenience I created small example which shows possible solution for editing navigation property using grid nested inside detailTemplate which you can use as baseline:

• Grid: editing navigation property using grid nested inside detail templated

Regards,
Vladimir Iliev
Telerik

 

 

[jeff]

Thank you very much Vladimir; that helps; much deeper than I thought to traverse child json arrays - if everything is going to sit in the same tables, I now have a plan!

However, data architects being who they are, I think we might end up grabbing data for those details tables based on a unique id number we have displayed in each row of the initial grid; sooooooooooo... if I was going to pull the 'details grid' data based on that unique id, how could I send that unique id field for that row out? I hope there's an existing example somewhere..

Whew! Next...

In order to illustrate the OTHER issue, I modified your dojo:

Modified grid

So, you'll notice, when you open the details for row 1, the grid has 'previous' and 'next' on it.. perfect!

Open the second row details, and it reverts to < and >, etc.. 

How can I get that more consistent, with previous/next everywhere? Thank you! 

[Vladimir Iliev]

Hello Jeff,

Please check the example below which shows how to filter the nested data using the parent row ID:

• Grid: 5 level Ajax Hierarchy

Also the pager buttons are not updated as the current selector is finding only the first available grid. Pease check the updated code below:

function onDetailInit(e) {
   e.detailRow.find('[data-role=grid]').data().kendoGrid.dataSource.data(e.data.Territories);
   var mopager =  e.detailRow.find(".k-grid-pager");

Regards,
Vladimir Iliev
Telerik