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

Basic Usage

Loading Demo...

EXAMPLE
VIEW SOURCE
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

            
                        index.cshtml
                    
                        IndexController.cs
                    
                        ProductService.cs
                    
                        ProductViewModel.cs

Also available for:

API REFERENCE

Product Name	Unit Price	Units In Stock

<tr> <td>#= ProductName #</td> <td>#= UnitPrice #</td> <td>#= UnitsInStock #</td> </tr> dataSource1 = new kendo.data.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-core/datasource/basicusage_products_read"},"prefix":""},"pageSize":10,"page":1,"groupPaging":false,"total":0,"change":change,"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"}}}}}); .demo-section { overflow: auto; } .metrotable { width: 100%; border-collapse: collapse; } .metrotable > thead > tr > th { font-size: 1.3em; padding-top: 0; padding-bottom: 5px; }

Description

This demo illustrates the core functionality of ASP.NET Core DataSource component in ASP.NET Core Web framework.

Was this demo helpful?

YES NO

Tell us how we can improve this demo

Submit Skip