title: Deleting selected records from Kendo grid
body: <p>I need to remove selected records from my Kendo grid. However, my code below removes the wrong rows. How would I fix the code, so only the selected records are removed?    </p>
  
  <pre><code>//Set a reference to the grid
  var grid = $("#productionPackageGrid").data("kendoGrid");
  var gridDataSource = grid.dataSource.data();
  
  grid.items().filter(":has(:checked)").each(function () {
      var tr = $(this);
  
      // Current data item
      var dataItem = grid.dataItem(tr);
  
      // remove rows from grid;
      gridDataSource.remove(dataItem);
      console.log("Removing productID # =&gt; " + dataItem.productID + " and Line Number =&gt; " + dataItem.lineNumber);
  });
  </code></pre>