how to pass the id from main grid to another grid in pop up window

[umamaheshwari]

thia my index.cshtml
@(Html.Kendo().Grid<empdepkendo.Models.Employee>
    ()
    .Name("persons")
    .DataSource(dataSource => dataSource
    .Ajax()
    .Model(model => model.Id(m => m.ID))
    .Read(read => read.Action("GetAllEmployees", "Employees"))
    .Update(up => up.Action("UpdateEmployee", "Employees"))
    )

    .Columns(columns =>
    {
        columns.Bound(c => c.ID).Width(200);
        columns.Bound(c => c.FirstName);
        columns.Bound(c => c.LastName);
         columns.Command( cmd => cmd.Edit());

    })

    .Pageable()
    .Sortable()
     .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("Person"))
    )

/

this EditorTemplat/Person.cshtml

@model empdepkendo.Models.Employee

@(Html.Kendo().Grid<empdepkendo.Models.Employee>
    ()
    .Name("EmpGrid")

    .Columns(columns =>
    {
        columns.Bound(c => c.ID).Width(200);
        columns.Bound(c => c.FirstName);
        columns.Bound(c => c.LastName);
        columns.Command(cmd => cmd.Edit()
                   );
    })
    .DataSource(dataSource => dataSource
    .Ajax()
    .Model(model => model.Id(m => m.ID))

    .Read(read => read.Action("Editer", "Employees", new { ID  }))      ///i want to pass the id here
    .Update(update=>update.Action("UpdateEmployee","Employees"))
    )
    )

 

[Georgi Denchev]

Hi,

You could use the Edit event of the main grid and call the read method of the editor grid with an additional parameter:

// Main grid
.Events(e => e.Edit("onEdit"))

<script>
    function onEdit(e) {
        let editorGrid = $("#EmpGrid").data("kendoGrid");
        let id = e.model.ID;
        editorGrid.dataSource.read({ id: id });
    }
</script>

// Editor grid.
.Name("EmpGrid")
.AutoBind(false)

// Editor grid action
public ActionResult Editer([DataSourceRequest] DataSourceRequest request, int? id)

Let me know if you have any questions.

Best Regards,
Georgi Denchev
Progress Telerik

[umamaheshwari]

it was helpful , thank you