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

Binding to local data

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • Change Theme
    Main

    Themes & Swatches

    SASS
    LESS
    • Black
    • Blue Opal
    • Bootstrap v3
    • Default
    • Fiori
    • Flat
    • High Contrast
    • Material
    • Material Black
    • Metro
    • Metro Black
    • Moonlight
    • Nova
    • Office 365
    • Silver
    • Uniform
  • local_data_binding.cshtml
  • Local_Data_BindingController.cs
  • ProductService.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The Telerik MVC Grid offers two ways of data-binding:

  • Server - the widget performs server-side requests (HTTP GET) when doing paging, sorting and filtering.
  • Ajax - the widget will make Ajax requests when doing paging, sorting, filtering, grouping or saving data. In this mode the grid retrieves only the data (in JSON format) representing the current page. As a result only the grid is updated.

In this demo you can see how to databind the Grid through Ajax-bound mode to an entity DataSource. The ProductService class defines the CRUD data structure that is applied to the Grid.

Note that in addition to the visualization, the grid also provides built-in support for operations over data such as sorting, filtering and paging.

Additional information about how to utilize the data binding feature of the MVC grid component can be found in this section of the product documentation.

Support & Learning Resources