New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Events

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Theme Builder
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

            
                        events.cshtml
                    
                        EventsController.cs
                    
                        ProductService.cs

Also available for:

API REFERENCE

Drag a column header and drop it here to group by that column

kendo.syncReady(function(){jQuery("#grid").kendoGrid({"change":onChange,"dataBound":onDataBound,"dataBinding":onDataBinding,"sort":onSorting,"filter":onFiltering,"group":onGrouping,"page":onPaging,"groupCollapse":onGroupCollapse,"groupExpand":onGroupExpand,"columns":[{"title":"Product Name","headerAttributes":{"data-field":"ProductName","data-title":"Product\u0026#32;Name"},"field":"ProductName","encoded":true},{"title":"Unit Price","headerAttributes":{"data-field":"UnitPrice","data-title":"Unit\u0026#32;Price"},"field":"UnitPrice","format":"{0:C}","encoded":true},{"title":"Units In Stock","headerAttributes":{"data-field":"UnitsInStock","data-title":"Units\u0026#32;In\u0026#32;Stock"},"field":"UnitsInStock","encoded":true}],"groupable":{"enabled":true},"pageable":{"buttonCount":10},"sortable":true,"selectable":"Multiple, Cell","filterable":true,"scrollable":{"height":"200px"},"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/aspnet-mvc/Grid/Events_Products_Read"},"prefix":""},"pageSize":10,"page":1,"groupPaging":false,"total":0,"serverPaging":true,"serverSorting":true,"serverFiltering":true,"serverGrouping":true,"serverAggregates":true,"filter":[],"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"fields":{"ProductID":{"type":"number"},"ProductName":{"type":"string"},"UnitPrice":{"type":"number"},"UnitsInStock":{"type":"number"},"Discontinued":{"type":"boolean"},"LastSupply":{"type":"date"},"UnitsOnOrder":{"type":"number"},"Category":{"type":"object"},"CategoryID":{"type":"number","defaultValue":null},"QuantityPerUnit":{"type":"string"}}}}},"height":"400px"});});

Description

Telerik MVC Grid exposes rich API and events which provide easy configuration or extension points for customization on top of the built-in features.

This particular demo shows how you can intercept the onChange, onDataBinding and onDataBound events of the grid to output messages in the console when these events are raised. You can also use these events for customization or to execute custom logic, if necessary.

Events

Description

Support & Learning Resources

Was this demo helpful?

Tell us how we can improve this demo