New to Telerik UI for ASP.NET MVC? Download free 30-day trial
ASP.NET MVC Grid Local Data Binding
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Material 2
- Material 2 Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
- Main Dark
| Product Name | Unit Price | Units In Stock | Discontinued |
|---|
| Chai | $18.00 | 39 | false |
| Chang | $19.00 | 17 | false |
| Aniseed Syrup | $10.00 | 13 | false |
| Chef Anton's Cajun Seasoning | $22.00 | 53 | false |
| Chef Anton's Gumbo Mix | $21.35 | 0 | true |
| Grandma's Boysenberry Spread | $25.00 | 120 | false |
| Uncle Bob's Organic Dried Pears | $30.00 | 15 | false |
| Northwoods Cranberry Sauce | $40.00 | 6 | false |
| Mishi Kobe Niku | $97.00 | 29 | true |
| Ikura | $31.00 | 31 | false |
| Queso Cabrales | $21.00 | 22 | false |
| Queso Manchego La Pastora | $38.00 | 86 | false |
| Konbu | $6.00 | 24 | false |
| Tofu | $23.25 | 35 | false |
| Genen Shouyu | $15.50 | 39 | false |
| Pavlova | $17.45 | 29 | false |
| Alice Mutton | $39.00 | 0 | true |
| Carnarvon Tigers | $62.50 | 42 | false |
| Teatime Chocolate Biscuits | $9.20 | 25 | false |
| Sir Rodney's Marmalade | $81.00 | 40 | false |
local_data_binding.cshtml
Local_Data_BindingController.cs
ProductService.cs
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
The Telerik UI for ASP.NET MVC Grid offers the following generic ways of data-binding:
- Ajax binding—The Data Grid component performs server-side requests when doing paging, sorting, and filtering. In this mode, the Grid retrieves only the data representing the current page in JSON format. As a result, only the component is updated.
- Client operations—You can perform all Data Grid data operations on the client or pass the model
through the view by setting the
ServerOperations(false)of the DataSource.
This demo shows how to bind the Data Grid for ASP.NET MVC through a model that is passed by the View, and perform all data operations on the client side.
For more information about the data-binding options, refer to the official Telerik UI for ASP.NET MVC Data Grid product documentation on the available data-binding approaches.
Additional Apps
This Grid example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in the ThemeBuilder.