Grid Filter Row issues with latest update

4 posts, 0 answers
  1. ray
    ray avatar
    1 posts
    Member since:
    Feb 2011

    Posted 23 Sep Link to this post

    The latest update contained two changes to the filter row that are undesirable. 

     

    The first, the filter row control now has an X in it. On smaller columns, it eats up a lot of the real estate. It is also redundant because next to the filter row operator, is a reserved spot for a clear button. Is there anyway to either remove the clear button from the text editor or remove the clear button next to the filter operator?

     

    The second issue is the noDataTemplate. In my case, I don't want auto complete on the filter row text box. To remove it, I set the dataSource to an empty object. Unfortunately, this results in the textbox to constantly show No Data Found as you type. Is there any way to remove this feature for the filter row controls when the datasource is set to { } for the field?

     

    Thanks.

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    349 posts

    Posted 27 Sep Link to this post

    Hello Ray,

    The mentioned clear buttons serve different purpose, and that is why both are present by default.

    The Kendo UI AutoComplete's filter row clearButton just clears any typed text the widget's dataSource will be filtered by, while the "X" button to the right of the filter icon clears the filter, applied to the Grid, based on the AutoComplete's value, and rerenders the Grid with the corresponding data, after the filter is removed.

    In general, you can achieve the desired functionality by getting a reference to the AutoComplete, and using the setOptions() method to configure the clearButton and noDataTemplate options:

    http://dojo.telerik.com/IJITu/2

    However, we have a logged issue with setting clearButton after the widget has been initialized:

    https://github.com/telerik/kendo-ui-core/issues/2222

    Until it is resolved, you can use jQuery to remove the undesired element, as shown in the dojo example, provided above.

    If you do not want an AutoComplete in the filter row at all, maybe the more straightforward approach would be to use the columns.filterable.cell.template Grid option to override the default behavior, and use a regular input, instead of the AutoComplete widget:

    http://dojo.telerik.com/IJITu/4

    I hope this helps.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
  3. Kendo UI is VS 2017 Ready
  4. Benjamin
    Benjamin avatar
    21 posts
    Member since:
    Apr 2015

    Posted 28 Sep Link to this post

    Hi,

    we are facing the same issue. Even before the update there was a space problem especially in small rows. Yet it's even worse :-( Also for the user the behaviour is not predictable, respectively it's not logical which button has which effect.

    My suggestion would be to offer an flag to disable the outer X button.

    Thanks!

     

  5. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    349 posts

    Posted 29 Sep Link to this post

    Hello Benjamin,

    I am sorry to hear that the new clearButton feature has caused some confusion and inconvenience. Currently we provide means for removing the clear button from the AutoComplete's input only, while editing the filter cell header contents can be done via custom styles and logic.

    If you feel that the Grid can benefit from additional functionalities and/or configuration options, please submit a feature request to our UserVoice portal:

    http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback

    The most popular ideas are considered for future releases of Kendo UI. Thank you in advance.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top
Kendo UI is VS 2017 Ready