TreeList Filterable Columns

[Joel]

Do you have any documentation on how the .Filterable mechanism works on a column in the TreeList?  I had some success with this feature on a Grid but this control doesn't seem to require the same parameters.

Eg.  columns.Add().Field(e => e.Description).Filterable(ftb => ftp...

[Tsvetomir]

Hi Joel,

The Filterable function of the Kendo UI TreeList has two overloads. The first one accepts a boolean which is used to disable filtering for the specific column. The second overload accepts a lambda expression which has only one setting which is the UI function. 

https://docs.telerik.com/kendo-ui/api/javascript/ui/treelist/configuration/columns.filterable#columnsfilterableui

It is used to specify the data attribute of the widget used in the filter menu. Here is a screenshot which demonstrates for which part of the filter menu the filterable UI function is responsible: 

https://www.screencast.com/t/nr4gkTsw5At

And examples for each of the overloads:

columns.Add().Field(e => e.OrderID).Filterable(false);
columns.Add().Field(e => e.OrderDate).Filterable(ftb => ftb.Ui("datetimepicker"));

Kind regards,
Tsvetomir
Progress Telerik

[Joel]

Where do I get a list of the valid options for the string in the UI property?  

ftb.Ui("datetimepicker")

[Tsvetomir]

Hi Joel,

The valid options for the filterable.UI function are Kendo UI widgets spelled with a lower-case name. For example, "datetimepicker", "dropdownlist", "autocomplete" etc. More information on the role data attributes can be found in the following article:

https://docs.telerik.com/kendo-ui/intro/widget-basics/data-attribute-initialization#data-attributes


Kind regards,
Tsvetomir
Progress Telerik