Grid / Filter Multi Checkboxes - inconsistent behavior

7 posts, 0 answers
  1. Chris
    Chris avatar
    7 posts
    Member since:
    Jan 2014

    Posted 21 Mar Link to this post

    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

     

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1803 posts

    Posted 23 Mar Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Kalli Kaldi
    Kalli Kaldi avatar
    27 posts
    Member since:
    Oct 2011

    Posted 23 Mar in reply to Konstantin Dikov Link to this post

    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

  5. Chris
    Chris avatar
    7 posts
    Member since:
    Jan 2014

    Posted 23 Mar Link to this post

    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

  6. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1803 posts

    Posted 24 Mar Link to this post

    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!
     
  7. Blake
    Blake avatar
    3 posts
    Member since:
    Nov 2015

    Posted 24 Oct Link to this post

    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();
      }
    });

     

  8. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1803 posts

    Posted 26 Oct Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready