How to clear Window Content onOpen and show loading Indicator for window.ajaxRequest

[Jim]

I am happily using a predefined hidden window to load a partial view via window.ajaxRequest().

When reopening the window to display another record the "old" window content is immediately shown.

The content gets updated with the new data when the ajaxRequest() finally returns.

So I would like to reset the window content in the onOpen() event, but how?

Furthermore I would like to display some loading animation to indicate activity, because some of the ajaxRequests takes a couple of seconds. Of course a spinning loading gif would be sufficiant.

So how to "inject" this content ajax gif in the onOpen()???

Thx
Jim

[Alex Gyoshev]

$("#Window1").data("tWindow").content("<span class='t-icon t-loading'></span>");

All the best,
Alex Gyoshev
the Telerik team

[Jim]

Hello Alex,

Thanks for the prompt and accurate info.

Works like a charm.

<%=  Html.Telerik().Window()
        .Name("SomeWindow")
        .Title("SomeTitle")
        .ClientEvents(events => events
            .OnOpen("WinOnOpen")
            .OnRefresh("WinOnRefresh "))
        .Draggable(true)
        .Modal(true)
        .Visible(false)
        .Width(640)
        .Height(495)
        .Buttons(b => b.Close())
        .Resizable())
%>

function WinOnOpen(e) {
    $(this).data("tWindow").content("<span class='t-icon t-loading'></span>");
}

function WinOnRefresh(e) {
    $(this).data("tWindow").center();
}

Thx a lot
Jim