Change Value of DropdownList in Grid1 should change value in DropdownList of Grid2

1 Answer 26 Views
DropDownList Grid
Top achievements
Rank 1
Nagarjuna asked on 23 Mar 2022, 05:56 PM

I have tow KendoUI grids with one row and multiple columns.

If we change value of Column1 dropdown in Grid1, it should change value of Column1 Dropdown in Grid2,

Please share your inputs how we can implement this requirement in Jquery.

I have implemented both grids dropdown lists using Column Template.

Please find attachment for grid structures.

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 28 Mar 2022, 11:38 AM

Hello Nagarjuna,

As you mentioned that the DropDownList is initialized in a column.template I guess you have followed the approach described in the Knowledge Base article linked below:

You could use the same approach in the change event handler of the DropDownList in the first Grid. You could find the needed row in the second Grid, get its dataItem, and set the new value. 

function onDDLChange(e) {

        var element = e.sender.element;
        var row = element.closest("tr");
        var grid = $("#grid").data("kendoGrid");
        var dataItem = grid.dataItem(row);
        dataItem.set("value", e.sender.value());

        var grid2 = $("#grid2").data("kendoGrid");
        var row2 = $('#grid2 tr:eq(1)')
        var dataItem2 = grid2.dataItem(row2);
        dataItem2.set("value", e.sender.value());        

Here is a Dojo example that demonstrated the approach.

Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

DropDownList Grid
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question