New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core Grid Toolbar Template
- 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
- 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
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
The Telerik UI for ASP.NET Core Grid component exposes an option for defining a content template for its toolbar.
This demo shows a sample implementation of a toolbar template incorporating a Telerik UI for ASP.NET Core DropDownList to list the
Data Grid records by category. The DropDownList is populated with the list of
categories and the filter
is applied on its change event by invoking the
grid.dataSource.filter()
method from the client-side API of the DataSource.
Note that the toolbar template is instantiated by the
.ToolBar(toolbar => { toolbar.ClientTemplateId("GridToolbarTemplate");})
method. The method expects
the id of the script
element which holds the client template as a string parameter.
For more information, refer to the official Telerik UI for ASP.NET Core Data Grid product documentation on the available toolbar options.