Performance Issue with Multiselect Dropdowns in Edit Context of Data grid

[Faiyaz]

In a Blazor WASM application, I have several multiselect dropdowns inside a data grid's edit context that are bound to data from a database via APIs. These dropdowns are set up with virtualization enabled. 

The problem arises when multiple values are selected in these multiselect dropdowns and saved in the database. When page enters the edit context of the grid, the performance significantly degrades, and it takes more than 10 seconds for the edit context to open.

I have attached the relevant razor file.

Framework: .NET 7

Syncfusion Version: 22.1.39

Attachment: cvsearch_4edd2638.rar

[Priyanka Karthikeyan]

Hi Faiyaz,

We have prepared a sample based on the shared information, but we were unable to reproduce the issue in the latest version. In order to better understand the issue you're facing, could you please modify the shared sample according to your scenario and provide us with the steps to replicate the issue, along with a video illustration sample if possible.

Sample: https://blazorplayground.syncfusion.com/VjBADODSIrtlhBJA

Regards,

Priyanka K

[Faiyaz]

Thank you for your prompt response. The problem is solved

I initially encountered performance issues when incorporating multiple multi-select dropdowns within a single Razor component. During the initial load, there was a noticeable delay in data binding which was caused by high memory usage in client machine. 

However, after organizing these dropdowns within separate tabs using SFTabs solved the memory hogging issue in initial load.

[Priyanka Karthikeyan]

Hi Faiyaz,

Thanks for the update. Please get back to us if you need any further assistance.

Regards,

Priyanka K

[Faiyaz]

Hi,

Unfortunately the issue still persists.

It seems the performance issue appears when the page has multiple dropdowns with non-sequential pre-bound data. The performance issue is mostly noticeable in blazor wasm application.

I have attached a .razor for you to check. Kindly have a look and provide an update. You can also use the link below to check.
https://blazorplayground.syncfusion.com/BtVADYtmscwiMqqs

Attachment: _index_8f113369.rar

[Faiyaz]

Any update on this?

[Priyanka Karthikeyan]

Hi Faiyaz,

Thank you for your patience. After a thorough evaluation of the issue, we have identified that when binding values beyond a take value, it results in a delay when the component loads the preselected value into the input. This delay becomes particularly noticeable when opening the edit context. We are also pleased to share that this delay has been slightly mitigated in our latest version, 23.2.36.

 

Sample type	Snaps Latest 23.*	Version   Less than 22.2.10
Inside grid Edittemplate

Could you please provide us with more detailed information regarding the delay you are encountering in your application? This additional information will enable us to offer you more precise assistance and solutions tailored to your specific situation.

 

If you have any further questions or need any additional clarifications, please don't hesitate to reach out to us. We are dedicated to providing you with the highest level of support and assistance to ensure your issue is effectively addressed.

 

Regards,

Priyanka K