With a Kendo UI Grid component I am doing the following to get 'titles' on my cells:
var myGrid = $("#myGrid").kendoGrid({
...,
dataBound: function(e) {
// Set the title for all of the cells
$("#myGrid td").each(function() {
$(this).attr('title', $(this).text());
});
}
}).data("kendoGrid");
But I have multiple grids spread throughout my app on multiple pages. I don't want to copy/paste this code everywhere.
How would I go about extending the kendoGrid, so that all kendoGrid components will inherit this functionality?
I have purchased Kendo UI and do have the source code, but I would prefer not to make direct changes, so that I can update easier at later dates.
var myGrid = $("#myGrid").kendoGrid({
...,
dataBound: function(e) {
// Set the title for all of the cells
$("#myGrid td").each(function() {
$(this).attr('title', $(this).text());
});
}
}).data("kendoGrid");
But I have multiple grids spread throughout my app on multiple pages. I don't want to copy/paste this code everywhere.
How would I go about extending the kendoGrid, so that all kendoGrid components will inherit this functionality?
I have purchased Kendo UI and do have the source code, but I would prefer not to make direct changes, so that I can update easier at later dates.