[Solved] How to set content in the window with javascript?

[Patrik]

I have a window that looks like this:
@{Html.Telerik().Window()
        .Name("Window")
        .Title(ManageHelpers.Translate("communityhelpdesk", "communityPostsTitle", Model.EventId))
        .Modal(true)
        .Buttons(b => b.Close())
        .Content("<p style=\"text-align: left;\"><img src=\"/Content/Images/Site/ajax-loader.gif\" /></p>")     
        .Width(1000)
        .Height(700)
        .Visible(false)
        .Render();
}


Now when the user does something it needs to reload with the requested content, but first i need to clear the information and show the loading icon.

I tried something like this, but this doesn't work (same loading icon as in the construct above):

function showModal(windowName, path) {
    var window = $('#' + windowName).data('tWindow');
    window.element.innerHtml = '<p style="text-align: left;"><img src="/Content/Images/Site/ajax-loader.gif" /></p>';
    window.ajaxRequest(path);
    window.center();
    window.open();
}

[Dimo]

Hello Patrik,

window.element will return the component wrapper, which is not the DOM element that you need. Please use

$('.t-window-content', '#WindowID').html('new html content here');

All the best,
Dimo
the Telerik team

[Patrik]

Worked like a charm, thanks!

I couldn't find this in the documentation for the Mvc Window.