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

Filter row

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
filter_row.cshtml
Filter_RowController.cs
EmployeeDirectoryController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

This demo illustrates how to enable filter row. In the header set the treelist's Filterable->Mode property to Row:

.Filterable(ftb => ftb.Mode('row'))
Therefore, based on the data type of the underlying columns data, the Kendo UI TreeList will render Kendo UI TextBox/es for string values, Kendo UI NumericTextBox/es or Kendo UI DatePicker/s for filtering in the column headers.

Additionally, a default filter operator could be specified and applied when the user enters a value in the filter textbox and presses Tab or Enter. This can be done using the .Filterable(ftb => ftb.Cell(cell => cell.Operator("contains") method of the corresponding column. An example could be found in the LastName column.


More about Telerik TreeList for MVC

Support & Learning Resources