Delay DropDownList filtering in conjunction with SfDataManager

I use a SfDropDownList component in conjunction with a SfDataManager/ODataV4Adaptor. AllowFiltering of the DropDownList is true. I want to delay filtering, otherwise a full query to the API is performed after each keystroke, which sends data back and forth unnecessarily. I have already implemented a minimum length for the input, but can't find an approach for delaying.


Thanks for the help.


/Edit

The filter input should not only be delayed but discard inputs that are still in the delay when re-entered and start the delay for the current input.


3 Replies

YS Yohapuja Selvakumaran Syncfusion Team September 11, 2023 01:40 PM UTC

Hi Ozer Senol,


Thank you for reaching out to us. We have attempted to reproduce the issue in the MAUI Blazor App, but unfortunately, we were unable to replicate the problem where the keyboard does not overlap the input field. Kindly check out the attached sample and screenshot for further reference.




However, in order to better assist you, we kindly request that you modify the attached sample to accurately reproduce the issue. This will greatly assist us in identifying and addressing the problem effectively.


Regards,

Yohapuja S


Attachment: MauiAppMask_12afbc1f.zip


HT Hendrik Thormann replied to Yohapuja Selvakumaran September 11, 2023 01:51 PM UTC

Hi Yohapuja, 

thanks for your response. But seems to be in the wrong post.



YS Yohapuja Selvakumaran Syncfusion Team September 11, 2023 04:11 PM UTC

Hi Hendrik Thormann,


We sincerely apologize for any inconvenience you may have experienced. Please ignore the previous update. If you wish to avoid making requests while filtering, you can set the "offline" property to "true" in the DataManager configuration. This setting will indeed ensure that requests are only made during the initial rendering, preventing additional requests while filtering. Additionally, it will perform filtering based on our source code. Kindly check out the below code snippet for further reference.


Code Snippet:

    <SfDropDownList TValue="string" TItem="Order" @ref="Ddlinstance" AllowFiltering=true>

        <DropDownListEvents TValue="string" TItem="Order" Filtering="@Filter"></DropDownListEvents>

        <SfDataManager Url="@url" Adaptor="Adaptors.WebApiAdaptor" @ref="Datainstance" Offline=true></SfDataManager>

        <DropDownListFieldSettings Text="CustomerID" Value="OrderID"></DropDownListFieldSettings>

    </SfDropDownList>


We hope this information proves helpful in addressing your concerns. If you have any further questions or require additional assistance. Thank you for your patience and cooperation.



Regards,

Yohapuja S


Loader.
Up arrow icon