Problems getting kendo.ui.progress() to show up on change event in Kendo Drop Down List

1 Answer 6 Views
Loader ProgressBar
George
Top achievements
Rank 2
Iron
Iron
Iron
George asked on 22 Apr 2024, 07:01 PM | edited on 22 Apr 2024, 07:06 PM

Any ideas?

I have this basically:


...and then a call to an API. The pop-up window doesn't open until the asynchronous call to an  API has returned a value. Granted I am using an older jQuery $.ajax call for this....buuut I find it hard to believe that this doesn't work.  How can I bring up my dialog or pop-up window, give it the focus, and close it AFTER the response has comeback with data to populate my grid?

Looking for something like this:

to appear prior to the API call... but the focus is locked on the drop down list I guess? Is there anyway to free the lock on the drop down list and give the focus to this kendoWindow element?

Thanks!

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 25 Apr 2024, 08:06 AM

Hello, George,

Could you please take a look at this example and let me know if you are having a similar setup? If yes, could you elaborate more what is the behaviour you are experiencing?

Looking forward to your reply.

Regards,
Martin
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
George
Top achievements
Rank 2
Iron
Iron
Iron
commented on 25 Apr 2024, 02:49 PM

Martin,

Yes it does look similar to this. but for some reason something locks up and the window won't open... until AFTER the  asynchronous $.ajax call has completed. It then opens and closes the window really fast. AFTER the response comes back. Let me look at that code and see if my options and settings match up.

It's funny... if I use the debugger in VS 2022... and debug through my JavaScript and JQuery code the pop up window will appear. If I do not use the debugger ... it never opens for some reason....until AFTER the response comes back.

The other issue is I have to use that old $.ajax{} JQuery function for the GET request to the API... I fiddled around with wrapping everything in a Promise... and that didn't seem to help. I have a Thread.Sleep(7000) sec delay in my API controller to simulate a slow response... hmmm I guess I could do that in DevTools somehow?

Thanks
George

George
Top achievements
Rank 2
Iron
Iron
Iron
commented on 25 Apr 2024, 03:12 PM

Martin,

UPDATE.... I got it to work. I think following example pattern helped,, and we have some old  JQuery/JavaScript code that wraps around the kendo.ui.progress(...) calls....that might have been causing some issues. Still not sure why I got it to work exepting maybe following the example code closer.

Oh and I was able to figure out the throttling feature in the DevTools Networking tab....I can slow things down and simulate a situation where it doesn't come back immediately...thats a long story why that may or may not happen in my situation.

Thanks again!

George

Martin
Telerik team
commented on 30 Apr 2024, 11:38 AM

Hi, George,

I am glad to hear you managed to resolve the issue! Feel free to get back to us whenever you have further questions.

Tags
Loader ProgressBar
Asked by
George
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Martin
Telerik team
Share this question
or