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

Parent Data Item to use in Detail Edit Template

6 Answers 1288 Views

Grid

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

Michael asked on 23 Jul 2018, 05:27 PM

Hi,

I'm having a problem in a parent/child grid. My parent grid displays summary-type information. The child grid is editable. When I go to create a new row in the child grid, I need several bits of information from the parent grid row dataitem to display in my popup form template. I was searching around and found an example that accomplished the task this way:

function OnRequirementEdit(e) {

debugger;

var parentGrid = $("#grid").data("kendoGrid");

var detailGridId = "#requirementsgrid_" + e.model.IdString;

var detailGrid = $(detailGridId).data("kendoGrid");

var parentGridDataItem = parentGrid.dataItem(detailGrid.element.closest("tr"));

//Do stuff with the data from parentGridDataItem

}

The only problem is, I realized later that the data item was not from the detail grids parent row, but rather from the NEXT parent row down. So closest tr is actually finding the next one down. I tried to compensate by using detailGrid.element.prev("tr") but then I'm getting null for parentGridDataItem.

I should note, my client detail template is a tab control with 2 tabs and a grid on each tab (the second grid isn't of consequence because it's display only) but I'm not sure if that is causing issues navigating the DOM to get the parent tr.

6 Answers, 1 is accepted

Accepted

answered on 25 Jul 2018, 05:29 PM

Thanks Eyup,

I ended up trying the example in this forum post https://www.telerik.com/forums/master-detail-grid-how-to-get-master's-id-into-detail-grid's-custom-popup-editor. I had tried it before without success, but I must of had some other issues going on. This worked for me.

For those that are struggling with this, here is what I did.

At the top of my popUpTemplate I added the code below. On some random control in the popup template I added a call to this method by changing it's read.Action like "read.Action("MyMethod", "MyController").Data("getCurrentDataItem");"

<script>

var parentModel;

function getCurrentDataItem() {

var uid = '#=uid#';

var selector = kendo.format("tr[data-uid='{0}']", uid);

var currentGridElement = $(selector).closest("[data-role=grid]");

var parentRow = currentGridElement.closest(".k-detail-row").prev();

var parentGrid = parentRow.closest("[data-role=grid]").data("kendoGrid");

parentModel = parentGrid.dataItem(parentRow);

}

</script>

Then in the script of my main page, in the OnEdit method, I was able to refer to the parentModel variable to get all the data I need and set the appropriate labels in the popup form. If I tried to do the setting of the labels in the script above, I received an Invalid Template error. Hope that helps someone out.

Mike