Check box Grid

[vivek]

The ASP.Net Core project is using the Kendo grid.

 

 On selection of a dropdown's, item needs to perform a action on all the selected rows (using checkbox checked) .

how to accomplish it.

[Mihaela]

Hi Vivek,

The desired result could be achieved as per the following approach:

• Subscribe to the "change" event of the DropDownList and get the selected option through the value() method;
• Get the selected Grid's rows by using the select() method;
• Loop through the selected rows and access the data item of each row.

Here is an example:

 

@(Html.Kendo().DropDownList()
      .Name("dropdownlist")
      .BindTo(new string[] { "Item1", "Item2", "Item3" })
      .Events(e => e.Change("onChange"))
)

@(Html.Kendo().Grid<Model>()
  .Name("grid")
  .Columns(columns =>
  {
    columns.Select().Width(50);
    ...
  })
  ...
)

<script>
function onChange(e) {
  var selectedItem = this.value(); //get the selected DropDownList option
  var gridWidget = $("#grid").data("kendoGrid"); //get an instance of the Grid
  var selectedRows = gridWidget.select(); //get the selected rows
  $(selectedRows).each(function () { //loop through the selected rows
    var selectedRow = $(this);  //the selected table row
    var rowDataItem = gridWidget.dataItem($(this));
    //do the action
  });
}
</script>

Hopefully, this example will be helpful to your case.

If any questions arise, feel free to share them.

 

Regards, Mihaela Progress Telerik