DebounceDelay option is not working

[Sri Nistala]

I have a Multiselect dropdown and I have enabled debounceDelay with 1500 ms and yet when user types text longer than 3 chars, for every character user types a server call is made. Below is the sample with debounceDelay enabled. Please advise.

https://stackblitz.com/edit/r6f3ykyw?file=index.js

[YuvanShankar Arunagiri]

Hi Sri,

We have validated your reported query with the provided sample. For more clarification, we have provided the debounceDelay support for filtering action on our latest SP release, version 29.2.4. But in your provided sample, refer to the version below. Kindly update it to the latest version.

Release notes: https://ej2.syncfusion.com/documentation/release-notes/29.2.4?type=all#multiselect

[index.html]:

<script src="https://cdn.syncfusion.com/ej2/29.2.10/dist/ej2.min.js" type="text/javascript"></script>

Additionally, if we use custom filtering in the filtering event, then we need to prevent the default filtering action at the source level. To prevent it, kindly use the below code snippet.

[index.js]:

filtering: (e) => {

    e.preventDefaultAction = true;

…

  },

Sample link: https://stackblitz.com/edit/r6f3ykyw-7j6thyky?file=index.js,index.html

Please get back to us if you need any further assistance. 

  

Regards, 

YuvanShankar A

[Sri Nistala]

Thanks Yuvanshankar,  I will try with the latest version. Also, adding  e.preventDefaultAction = true; helped remove the default sending request to server as well. 

[YuvanShankar Arunagiri]

You are welcome, Sri. Please get back to us if you need any further assistance on this.

If that post is helpful, please consider accepting it as the solution so that other members can locate it more quickly.