Prevent Header Remove When Removing by Checked Select Column

Environment

Product Grid for ProgressĀ® Kendo UIĀ®
Operating System All
Browser All
Browser Version All

Description

I am using the columns.Select() functionality of the Kendo UI Grid and looping through its rows to delete the ones that are checked with the following code:

$("#grid").find("input:checked").each(function () {
  grid.removeRow($(this).closest('tr'));
});

This causes the header row to be removed if checked as well. How can I prevent the header row from removing?

Solution

To detect if the checkbox that is used to remove a row belongs to the header of the Grid, check if the element has a parent of type th.

<div id="example">
  <button onclick=removeCheckedRows()>Remove checked rows</button>
  <div id="grid"></div>

  <script>
    function removeCheckedRows(){
      $("#grid").find("input:checked").each(function () {                  
        var grid = $("#grid").data("kendoGrid");

        if (!$(this).parents('th').length) {
          grid.removeRow($(this).closest('tr'));
        }
      })    
    }

    $(document).ready(function () {
      $("#grid").kendoGrid({
        dataSource: {
            pageSize: 10,
            transport: {
                read:  {
                  url: "https://demos.telerik.com/kendo-ui/service/Products",
                  dataType: "jsonp"
                }
            },
            schema: {
              model: {
                id: "ProductID"
              }
            }
        },
        pageable: true,
        scrollable: false,
        persistSelection: true,
        sortable: true,
        columns: [
          { selectable: true, width: "50px" },
          { field:"ProductName", title: "Product Name" },
          { field: "UnitPrice", title:"Unit Price", format: "{0:c}"},
          { field: "UnitsInStock", title:"Units In Stock"},
          { field: "Discontinued"}]
      });                  
    });
  </script>
</div>

See Also

In this article
Not finding the help you need? Improve this article