This is a migrated thread and some comments may be shown as answers.

Grid / Filter Multi Checkboxes - inconsistent behavior

6 Answers 84 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 21 Mar 2016, 06:40 PM

Hi,

We're seeing an inconsistent behavior with the grid filter multi checkboxes that I've been able to reproduce on the demo page (http://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes).

Here's the scenario using the Client Operations grid.

1. Click the filter for the ProductName column and select the items Chai and Chang, then click the filter button. The filter is applied and the grid updates.

2. Click the filter again and uncheck the Chang item, then click the filter button. The filter is applied and the grid updates.

3. Click the filter again and uncheck the Chai item, then click the filter button. Nothing happens.

This is inconsistent to the user because sometimes you uncheck the checkboxes and the filter updates but sometimes it doesn't.

It looks like if you clear the last checked item on the list the filter will not update, you have to click the 'Clear' button.

Thanks!

Chris

 

6 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 23 Mar 2016, 09:42 AM
Hi Chris,

The behavior that you are describing is the expected one and if you uncheck all items, no filter could be applied, because there will be no selection. For clearing the applied filter the user needs to click on the "Clear" button and not the "Filter" button.

Hope this helps.


Kind Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kalli Kaldi
Top achievements
Rank 1
answered on 23 Mar 2016, 11:44 AM

Hi

Is this really the expected behavior?  I find that difficult to understand, specially since this is NOT the behavior in the Telerik grid for Silverlight, which is basically the predeseccor to the Kendo grid (and has the multi checkbox filter built in the control).

Please advise on how to solve this behavior.

Best regards,
Kalli

0
Chris
Top achievements
Rank 1
answered on 23 Mar 2016, 01:58 PM

Hi Konstantin,

Thank you for your explanation, I understand technically why it's that way.

But, for a user who is not technical, this is completely inconsistent and confusing.

I do like Kendo UI for what it provides me as a developer, but at the end of the day I have to provide something our users can use, and this is making that difficult.

Chris

0
Konstantin Dikov
Telerik team
answered on 24 Mar 2016, 02:38 PM
Hi,

In RadGrid for ASP.NET AJAX (the second grid from the "Grid Basic Filtering" demo) works in the way that you are expecting, but note that there is no "Clear" button and you can only cancel the editing (which will close the popup). In Grid for Kendo UI the "Clear" button is added for clearing the existing filter expression, but I understand how unchecking all items and clicking on the "Filter" button could be misleading to the end user. With that in mind and if you thing that this will be a good addition to the filtering functionality, you can create a feature request in our public portal:
Once the item receives enough votes, our developers team will consider the request and the possibility of its implementation.



Best Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Blake
Top achievements
Rank 1
answered on 24 Oct 2016, 09:02 PM

We were having the same problem with this behavior, but hacked it with JS/jQuery. The script below works with multi-checkbox filters as well as string filters. Hope this helps.

$('body').on('click', '.k-filter-menu button[type=submit]', function() {
  var $button = $(this);
  if (!$button.siblings('ul').find('input').is(':checked') || $button.parent('input').val() === '') {
    $button.next().click();
  }
});

 

0
Konstantin Dikov
Telerik team
answered on 26 Oct 2016, 01:25 PM
Hi Blake,

Thank you for sharing your workaround with the community.

As a token of gratitude you will find your Telerik Points updated.


Best Regards,
Konstantin Dikov
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
Tags
Grid
Asked by
Chris
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Kalli Kaldi
Top achievements
Rank 1
Chris
Top achievements
Rank 1
Blake
Top achievements
Rank 1
Share this question
or