DataSource TagHelper Overview
The Telerik UI DataSource TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI DataSource widget.
The DataSource is an abstraction for using local data or remote data.
The Data Source is part of Telerik UI for ASP.NET Core, a
professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Initializing the DataSource
The following example demonstrates how to define the DataSource by using the DataSource TagHelper.
<kendo-datasource name="datasource"></kendo-datasource >
Basic Configuration
The DataSource TagHelper configuration options are passed as attributes of the tag. The DataSource is an abstraction for binding the Kendo UI widgets to local and remote data and to handle various data operations with the databound Tag Helpers.
- To sort the data based on an object, set the data field, by which the data items are sorted, to a property of that object.
- To group the data by an object, set the group by data item field to a property of that object.
- To filter the data based on an object, set the data item field, to which the filter operator is applied, to a property of that object.
<kendo-datasource name="dataSource" type="DataSourceTagHelperType.Ajax" server-operation="false" page-size="5">
<transport>
<read url="/DataSource/Products_Read" />
</transport>
<sorts>
<sort field="fieldName" direction="asc" />
</sorts>
</kendo-datasource>
@(Html.Kendo().DataSource<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("dataSource1")
.Ajax(dataSource => dataSource
.Read(read => read.Action("Products_Read", "DataSource"))
.ServerOperation(false)
.PageSize(5)
.Sort(sort => sort.Add("FieldName").Ascending())
)
)
Functionality and Features
The DataSource HtmlHelper provides three main types of data sources. For more information on the Kendo UI for jQuery types of DataSource, refer to the official Kendo UI for jQuery documentation.