DropDownList is taking time to Render

3 posts, 0 answers
  1. Raj Yennam
    Raj Yennam avatar
    28 posts
    Member since:
    Jul 2012

    Posted 08 May 2015 Link to this post

    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?



  2. Raj Yennam
    Raj Yennam avatar
    28 posts
    Member since:
    Jul 2012

    Posted 11 May 2015 in reply to Raj Yennam Link to this post

    Hi Team,

    Attached the Sample applications which reproduces the issue.

    Raj Yennam

  3. Kendo UI is VS 2017 Ready
  4. Georgi Krustev
    Georgi Krustev avatar
    3706 posts

    Posted 12 May 2015 Link to this post

    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.

    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top