Filter menu is not displayed

[Michael]

Hi! I want to use the kendo grid with remote data binding and the filter menu option [filterable]="menu".

But the filter icon is not displayed!

https://stackblitz.com/edit/angular-cyertp

 

 

[Dimiter Topalov]

Hi Michael,

When property binding syntax - [someInput]="value", the framework is looking to bind the someInput property to a component class field named "value". If you need to provide a string when binding the property in the template, it should be wrapped in another set of single quotes so that the expression on the right-hand side of the equals sign is treated as a string literal - [someValue]="'value'" - now the someInput property will receive the value of the string "value".

To provide string values for template bindings, you can also omit the square brackets from the property name - this way the value on the right-hand side will always implicitly be treated as a string - someInput="value" will have the same effect as [someInput]="'value'".

Further details about Angular template syntax is available in the official Angular documentation:

https://angular.io/guide/template-syntax#property-binding-property

Applying this approach to the Grid filterable option, it should be bound either like this:

[filterable]="'menu'"

or like this:

filterable="menu"

Here is the updated example:

https://stackblitz.com/edit/angular-66vvau?file=src/app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Michael]

Hi Dimiter!

Thx a lot for your hint! That was the problem!