R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Toolbar template


      The Kendo UI grid exposes the option to define a template for the content of its toolbar, which can vary based on your requirements or preferences.

      Here we present a sample implementation of a toolbar template incorporating a Kendo UI dropdown to list the records in the grid by category. The dropdown is populated with the list of categories and the filter is applied on its change event by invoking the grid.dataSource.filter(params) method from the API.

      Note that the toolbar template is instantiated by calling the kendo.template method and assigning the returned value to the toolbar attribute of the grid instance.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • toolbar-template.html
      • Sample service
      • Widget configuration

      Support & learning resources

      Grid for other technologies