rowUnpin
Fired when a row is unpinned.
The event handler function context (available via the this keyword) will be set to the widget instance.
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.
Example - subscribe to the "rowUnpin" event during initialization
<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>Example - subscribe to the "rowUnpin" event after initialization
<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>