How do you render a View in an iframe?

[Derek Hunziker]

Hi there,

It seems that the default behavior for the MVC Window is to dynamically render the view inline with the current page.

.LoadContentFrom("_MyView", "MyController")

This is great for static content, but makes it nearly impossible to create complex wizards and forms in the window.

For example, using server validation appears to be impossible since you would need to return the model to the view. Furthermore, the built-in MVC client validation doesn't appear to work in a form embedded in a window.

That said, is there any plans on rendering the view in an iframe instead of inline? Is there a workaround for now?

Many thanks!

[Alex Gyoshev]

Hello Derek,

You can easily render an iframe using the Content(Action) method:

    .Content(() => { %>
        <iframe src="<%= Url.Action("_MyView", "MyController") %>" frameborder="0" style="width: 100$; height: 100%"></iframe>
    <% })
    .Scrollable(false)

We don't have plans for embedding this behavior in the window; we will, however, look into the validation issue. Wizards will be a great example in the online demos -- they are a common use-case.

Greetings,
Alex Gyoshev
the Telerik team

[Derek Hunziker]

Great thanks. This seems to be working.

Another question that stemmed from this is how to close the pop-up window after my modal/wizard form is submitted. I can't seem to find a way to get a handle on the popup window from within the iframe.

I would also be interested in a method for destroying the window OnClose so that my form is reset the next time the window is opened.

Many thanks!

[Alex Gyoshev]

Hello Derek,

You can get the iframe's parent window (through window.parent) and get the window handle from there, using jQuery (i.e. window.parent.$('#MyWindow').data('tWindow').close();).

Regarding your second question, isn't it that you want to change the iframe URL once the window is closed? You can destroy the window by calling its client-side destroy() method, but it will remove its HTML and you won't be able to open it again (unless you re-create it with the create() client-side method).

Regards,
Alex Gyoshev
the Telerik team

[Alejandro]

Hi,

Tk for this information, is very good and resolve my problem is validation page in to telerik window.

Saludos desde COLOMBIA Medellin.