Client Side grid.Filter() doesn't work in Current release

Hello Asanka,

Indeed, this is an issue with the current release. However, we have managed to address it and I have attached a build which contains the fix.

Greetings,
Rosen
the Telerik team

This is also broken on your demo site;
http://demos.telerik.com/aspnet-mvc/razor/grid?theme=vista

I have some custom modifications to grid, 

can you also attach umninified version of the scripts, please?

Thanks.

Hi, 
There is another a problem with this build. When no results are returned footer/pager part of the grid freezes (with invalid item count and pages).
Is there a build fixing this? 

Hi Mark,

Could you please provide a bit more information such a the view's declaration? Also please check if there are any javascript errors on the page.

Regards,
Rosen
the Telerik team

Hello -

I too experienced this issue and when I applied the hotfix, the issue was resolved...  Great!  However, I am working on a large team in a CI environment.  I *could* write some sort of custom script to handle the hotfix until the next full release is available but, I was wondering if it would be possible to have a Nuget package for the hotfix.  This would greatly simplify our development environments and builds and make applying hotfixes much simpler going forward.

Thoughts?

Thanks in advance,
Jeff

I noticed that the grid.Filter() only works if you don't change the operationmode. When I choose GridOperationMode.Client the filter no longer is applied. Are there any plans to change this behavior?

Bart

"I noticed that the grid.Filter() only works if you don't change the operationmode. When I choose GridOperationMode.Client the filter no longer is applied."

I couldn't figure out why my grid.Filter() wasn't working and fortunately ran across your comment!

I would also like to know if there is any plan to change this behavior?

I'm using the MVC Q3 2011 SP1 (2011.3.1306) release. (I couldn´t make the hotfix work) 

I'm also trying to make a personalized filter, something similar to the date range of Telerik Ajax Filter Template ( http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filtertemplate/defaultcs.aspx )

here is my View:


And using Chrome's Inspect element, I have a console to run javascript: (so I can test it)

Am I doing something wrong?

Hello Gregg,

Indeed, setting filter when client operation mode is enabled is currently not supported. However, this can be workaround to a degree by manually parsing the filter expression and assigning it to the DataSource component of the grid. I have attached a modified version of this CodeLibrary which demonstrates a possible implementation. 

Regards,
Rosen
the Telerik team

Thanks, Rosen - I'll give that a try.

Arthur,

How is the JavaScript code you posted called?  For example, is it in an event handler?

Update: Try and add .Filterable() to your grid and see if you still get the JavaScript error.

Thanks all for the help,

Gregg, I just tried to add .Filterable() and it didn't return an error, but the filter didn't work that way.

Rosen, that worked GREAT,  the grid.dataSource.filter really did the trick, but how can I do a between filter? (greater than and lower than)
like:  grid.filter("field~ge~10255~field~le~29103");

I would like to do something like this:

dataSource.filter([
        { field: "Price", operator: "ge", value: 3.14 },
        { field: "Price", operator: "le", value: 42 }
]);

but this will not work

I just found how to do it :)


Thanks a lot Gregg and Rosen :)

-----
Just for the record, I had to add grid.columns[columnumber].filters to the pagination be able to work as it is suppose to.

Here is an example of how it is done:


I hope this can be useful to anybody who also needs it.

Hello,

Is this issue still present in the 2012 Q1 release (version 2012.1.214.0)?

Hi Rosen,

i tried ur sample project and it works great!!!

Although if the operator in filter is selected as 'endswith' and if u tyr to filter unexpected results are returned. For instance if the value for the 'endswith' operator is set as say a 'n' letter word, it returns the result as well as data which are (n-1) letter long if there are any. This behaviour is also found in the online demos (for client operation mode filtering). i made a change in ur js file to test this and i was able to reproduce the same issue. Please find the details in the attachment files. Could you please suggesta workaround for this issue.

Regards,
Sathish

Hi Arthur,

Thanks for your solution, it worked for me as well! One thing, though, and apologies if this has been asked before (I can't seem to find it if it has), is it possible to actually update the filter icon and the values that come up when you click the filter icon for your column? I'm loading the filters from the database and at the moment I can filter it but there is no visual to show that there is currently an active filter, so the user won't know they're not seeing all the data. I want to avoid a custom solution if there's one built in!

Thanks!

Never mind, it seems it was a typo, I tried to set the filter to 'substringOf' but when I changed it to a lowercase 'o' it worked! I had to change the filter icon to show 'active' manually though (I added a custom data attribute to identify each column separately):

$('[data-columnname="ContactName"] .t-grid-filter').addClass('t-active-filter')

Works like a charm!