How to "lock" dropdown while loading using kendo.ui.progress()

2 posts, 1 answers
  1. Dani
    Dani avatar
    55 posts
    Member since:
    Jan 2009

    Posted 11 May 2015 Link to this post


    We need to "lock" our combobox when we reload its data.  We found the kendo.ui.progress() function and it seems to be exactly what we need.

    But, it doesn't work as expected.

    If I use it to "lock" the whole body, all my controls are blocked, I can't click on them.

    If I try to "block" only my combobox, I see the loading zone displayed only on it, but I can click on it and change the combobox value.

    I tried to put a div outside my combo, to lock that div instead, but no results.

    You can see the 3 cases in the following code sample:

    How can I show that the dropdown is loading, and keep it locked at the same time, using kendo.ui.progress()?

    Thank you

  2. Answer
    Georgi Krustev
    Georgi Krustev avatar
    3688 posts

    Posted 13 May 2015 Link to this post

    Hi Dani,

    I believe that you will need to use the 3rd approach. What you need to add, however, is "relative" position to the parent DIV element. Here is an updated Dojo demo that shows this.

    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