DropDownList is taking time to Render

[Raj Yennam]

Hi Team,

We are using a Template which contains 4 Kendo DropDownList controls along with other HTML controls. We need to display a Array of about 300 items, each item will use the above Template. In order to display 300 items which consists 1200 Kendo DropdownList controls it is taking around 100 seconds. If the Kendo DropDownList is replaced by HTML Select box it is taking only 20 seconds. If we keep autoBind:false it is coming around 80 seconds.

Kendo Version : v2013.2.918

JQuery Version : 1.8.3 

Please suggest how to overcome this problem?

Regards,

Raj

[Raj Yennam]

Hi Team,

Attached the Sample applications which reproduces the issue.

Thanks,
Raj Yennam

[Georgi Krustev]

Hello Raj,

In general, the Kendo UI DropDownList widget wraps the original HTML input/select and renders additional elements using JavaScript, which inevitably will increase the initialization time. Also usage of Knockout bindings will additionally slow the rendering.

The only feasible solution, I can suggest is to decrease the amount of the rendered HTML elements. Generally speaking, rendering a regular HTML page for 20 sec is pretty slow too, as the "rule of thumb" says that page slower than 8 sec will be closed by the end user.

If the HTML reduction is not possible, then the best thing I can offer is to use Html input element instead of select and set autoBind:false.

Regards,
Georgi Krustev
Telerik