Completed
Last Updated: 17 Nov 2021 13:33 by ADMIN
Release 2.30.0
Ian
Created on: 29 Sep 2021 11:18
Category: UI for Blazor
Type: Feature Request
2
Add DebounceDelay property to the TextBox and other inputs

I am implementing custom filtering by column in a data grid. The data source is very large so the filtering will be done by a stored procedure in the database. In order to avoid excessive calls to the procedure it would be great if the TextBox had a DebounceDelay property like the one in the SearchBox.

---

ADMIN EDIT

While not technically useful for the grid itself (see the bottom of this thread for more ideas and information on that, a built-in feature is coming there as well), there can be benefit in adding that to the inputs (e.g., the Editor has something like that already by default because it is designed for large content).

Thus, I am reopening this so we can gauge the interest.

In the meantime, using a few lines of application code can achieve debouncing of expensive api calls. Using the OnChange or OnBlur event may also be suitable workarounds, depending on the goal you are after.

---

3 comments
Ian
Posted on: 28 Oct 2021 09:34

It would be useful to add it to the NumericTextBox as well, that can also be used for filtering.

Thanks,

Ian

ADMIN
Marin Bratanov
Posted on: 02 Oct 2021 10:20

Hi again,

We've been discussing this and I am going to reopen the idea. Perhaps we could add a debounce setting to all inputs.

Nevertheless, the ideas for debouncing the grid from my previous post still hold true.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

ADMIN
Marin Bratanov
Posted on: 30 Sep 2021 17:50

Hello Ian,

The following article shows several ways to debounce the grid operations, including one that does not need any extra properties on a textbox: https://docs.telerik.com/blazor-ui/knowledge-base/grid-debounce-operations

You can find another example of implementing debouncing here: https://docs.telerik.com/blazor-ui/knowledge-base/combo-debounce-onread

I am afraid that this is not a fature that the texbox can have on its own, however. In the typical case, it takes simple input that needs to be available immediately and if debounding is needed for some reason, handing its events and a few lines of application code can achieve this.

Also, the built-in FilterRow mode will get built-in debouncing at some point too, you can Follow that here: https://feedback.telerik.com/blazor/1451805-add-debounce-property-for-grid-filtering. I've added your Vote to that as well to raise its popularity, clicking the Follow button will send you email notifications for status updates.

Regards,
Marin Bratanov
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.