How to add k-state-active class to .k-grid-filter

[James]

Hi - we have a ASP.NET Core application. It has a grid in which we are prefiltering a default for one column. The filtering works fine but the .k-grid-filter class for that column does not have the k-active-state class applied as it does when we manually click the icon to filter. So the user can not see that a default filter is applied when grid is rendered.

How can we implement this - show the  default filter with class applied that lets the user know that the column has filter applied

we are using the latest 2019 version of Telerik UI for ASP.NET Core.

the default filter is applied to the datasource in this way:

 .Filter(f => f.Add(cr => cr.Ccrstatus).IsNotEqualTo("Rejected").And().IsNotEqualTo("Open"))

 

 

[Viktor Tachev]

Hi James,

I tried to replicate the behavior you describe in our online examples, however, I was not able to. Check out the short video below and let me know if I am missing something.

• https://www.screencast.com/t/Ox9GbE90U5SY

With that said, I noticed that you are using an internal version of the components. Would you try running the application with the official release (2019.1.115) and see if it makes a difference?


Regards,
Viktor Tachev
Progress Telerik

[James]

Hi Viktor

 

I am not sure what you mean that I am using an internal version of the components. How could you tell that from what I posted? We upgraded(installed) the latest version - then in visual studio we have imported the NuGet package for the 2019.1.115 -

then from the install folder we pulled the latest version of the kendo js and css files and placed into a project folder - and reference from there

please clarify

thanks

Jim

 

 

 

[James]

Hi Viktor - We are using the Multi filter checkbox (Client side) - I did some testing on your examples and discovered that the only filter that flags the filter icon as being filtered successfully is the isEqualTo

I tested the following which do not work

IsNotEqual

StartsWith

DoesNotContain

Contains

EndsWith

I tested this with your 2018.2.620 version - I cannot use your latest version examples because they require me to use SDK that are not yet approved in our shop -

However this is the same behavior we are experiencing with the 2019.1.115 version using the Microsoft.NETCore.App 2.1 SDK

thanks

Jim

 

[Viktor Tachev]

Hello Jim,

About the internal release. In the ticket info it says that you are using version 2019.1.213 which is not an official release. Because of this I thought this was the version referenced in your project.

Regarding the multi checkbox filter. When this option is enabled the users can select one or multiple checkboxes and the rows where these values are present will be shown in the Grid. Using an operator different than "equal to" is not available out of the box. Moreover, such behavior can be confusing for the users as they would likely not expect to see options that are not selected in the multi checkbox list. 

Regards,
Viktor Tachev
Progress Telerik