Fired before the widget binds to its data source.
The event handler function context (available via the this keyword) will be set to the widget instance.
kendo.ui.Grid
The widget instance which fired the event.
e.preventDefaultFunction
If invoked prevents the data bind action. The table rows will remain unchanged and dataBound event will not fire.
String
The action that caused the dataBinding event. Possible values: rebind, sync, add, remove.
Number
Available if the action is add or remove. Shows the index of the added/removed element.
e.itemsArray
The array of items that shows the elements that are going to be added/removed from the widget dataSource.
Example - subscribe to the "dataBinding" event before initialization<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
],
dataBinding: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log("dataBinding");
}
});
</script><div id="grid"></div>
<script>
function grid_dataBinding(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log("dataBinding");
}
$("#grid").kendoGrid({
autoBind: false,
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
]
});
var grid = $("#grid").data("kendoGrid");
grid.bind("dataBinding", grid_dataBinding);
grid.dataSource.fetch();
</script>RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4