Grid filtering using Filter Row is unresponsive

1 Answer 25 Views
Grid
Mat
Top achievements
Rank 1
Iron
Iron
Iron
Mat asked on 14 Oct 2024, 12:32 PM

You can see this issue in the documentation for the Filter Row.

You need to type really slowly into the filter field for the correct text to be applied. This is probably something to do with filtterchange being triggered immediately -- the input os not debaoiunce and there's no option for an 'Apply' button.

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 17 Oct 2024, 12:08 PM

Hi, Mat,

The faced behavior is related to the setTimeout() method added on purpose to the `filterChange` handler of the Grid that aims to demonstrate a loader while fetching data.

Removing the row highlighted below will allow you to filter the Grid faster:

    filterChange: function (ev) {
      this.loader = true;
      // The idea behind using the following setTimeout method is to
      // demonstrate how we can show a loader while fetching data.
      // In real-life scenarios with remote data binding, the 'loader' 
      // property should be updated before making a server request
      // and after the request completes.
      setTimeout(() => {
        this.filter = ev.filter;
        this.loader = false;
      }, 300);
    },

Kind regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Grid
Asked by
Mat
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Vessy
Telerik team
Share this question
or