New to Kendo UI for jQuery? Start a free 30-day trial

RowUnpin

events

Fired when a row is unpinned.

The event handler function context (available via the this keyword) will be set to the widget instance.

rowUnpin

Event Data

e.dataItem `kendo.data.ObservableObject`

The data item of the row being unpinned.

e.position `String`

The position from which the row is being unpinned. Will be null since the row is being removed from pinned state.

e.pinnedTopRows `Array`

The array of data items that will be pinned to the top after the operation completes.

e.pinnedBottomRows `Array`

The array of data items that will be pinned to the bottom after the operation completes.

e.sender `kendo.ui.Grid`

The widget instance which fired the event.

e.preventDefault `Function`

If invoked, prevents the row from being unpinned.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  pinnable: {
    top: [1]
  },
  contextMenu: true,
  rowUnpin: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Unpinning:", e.dataItem.name);
  }
});
</script>

<div id="grid"></div>
<script>
function grid_rowUnpin(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("Unpinning:", e.dataItem.name);
}
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  pinnable: {
    top: [1]
  },
  contextMenu: true
});
var grid = $("#grid").data("kendoGrid");
grid.bind("rowUnpin", grid_rowUnpin);
</script>