I recommend fixing this code such that ideally, you can re-use the same window (unless you want to have multiple ones open at the same time), and that you don't destroy and recreate the loading gif content every time. But the basic gist is, that you start showing the window with the loading image (and/or text) in it, and in your ajax success callback you remove the loading image and replace it with your content.
This is a very crude example and you should definetly change some stuff around, also based on your situation that I know little about. start your asynchronous ajax call and supply a success callback that receives the content that should be shown in the windowĪs you can see, the success callback overwrites the inner HTML of your Kendo Window so the loading gif is gone, and the page is showing. Var kendoWindow = $('div#kendoWindowHere').data('kendoWindow') ģ. Open the window with the loading gif showing: $('div#kendoWindowHere').kendoWindow() Ģ. Setup the Kendo UI window, hide by default: Setup some HTML for your re-usable window:Ģ. I can't find a way to do it with the built-in parameters, functions and events, but it's fairly simple to produce loading behavior yourself:ġ.
0 kommentar(er)
