performance problem when selecting the dropdown list, because the complete page is re-rendered every time

[Simon Fleischmann]

On one of our .razor sites, the sfDropdownlist component is used a lot. Sometimes there can be more than 50 dropdownlists. As soon as I select something in a dropdownlist an event is thrown and the whole page renders again. This leads to a big performance problem. Is there a way to prevent the complete page from rendering and still write back the value of the variable with @bind-Value?

<SfDropDownList TItem="DailySchedule" TValue="Guid?" Placeholder="@dayData.DailyScheduleAbbreviation"

@bind-Value="@dayData.DailyScheduleId" DataSource="@ViewModel.DailySchedules">

<DropDownListFieldSettings Value="Id" Text="Abbreviation"></DropDownListFieldSettings>

</SfDropDownList>

[Jeyanth Muthu Pratheeban Sankara Subramanian]

Hi Simon, 

Greetings from Syncfusion support. 

We checked your query.  Unfortunately, we were unable to replicate the reported issue at our end. We created the sample by rendering the 50 DropDownList control in a page and keeping track of the counter variable to see if the page was refreshed when a value was selected from the dropdown. This is also displayed on the page. The Onintialized method would be called if the page has been refreshed. The count variable would then be updated as well. 

Please see the attached video and sample for your reference. 

Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_3-5-2021_9.25.41_PM909837190 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DropDownList1719638855 

If the information provided above is does not help you, please modify the attached sample to investigate the issue further at our end. 

Regards, 

Jeyanth.