Sure, here's the stuff that initiates the load. I've removed styling and text/title attributes etc. for simplification.
<script type="text/javascript">
function loadWindow(url, container) {
container.load({ scripts: true, params: { containerId: container.id }, url: url });
}
</script>
<ext:MenuItem ID="ProfileMenuItem" runat="server">
<Listeners>
<Click Handler="loadWindow('/User/Profile', #{ModalWindowPanel});" />
</Listeners>
</ext:MenuItem>
<ext:Panel ID="ModalWindowPanel" runat="server" Hidden="true" />
Here's the controller action:
public PartialViewResult Profile(string containerId)
{
return new PartialViewResult(containerId, RenderMode.RenderTo);
}
And here's the user control:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<ext:ResourceManagerProxy runat="server" />
<ext:Window ID="ProfileWindow" runat="server">
<Content>
<ext:TabPanel runat="server">
<Items>
<ext:Panel runat="server">
<Items>
<ext:FormLayout runat="server">
<Anchors>
<ext:Anchor>
<ext:Panel runat="server">
<Items>
<ext:Panel runat="server">
<Content>
<ext:Label runat="server" />
</Content>
</ext:Panel>
</Items>
</ext:Panel>
</ext:Anchor>
<ext:Anchor>
<ext:Panel runat="server" FormGroup="true">
<Items>
<ext:FormLayout runat="server">
<Anchors>
</Anchors>
</ext:FormLayout>
</Items>
</ext:Panel>
</ext:Anchor>
</Anchors>
</ext:FormLayout>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Content>
<Buttons>
<ext:Button ID="OKButton" runat="server">
<Listeners>
<Click Handler="#{ProfileWindow}.close()" />
</Listeners>
</ext:Button>
<ext:Button ID="CancelButton" runat="server">
<Listeners>
<Click Handler="#{ProfileWindow}.close()" />
</Listeners>
</ext:Button>
</Buttons>
</ext:Window>
In firebug I get a resource request failure for:
http://127.0.0.1:1062/ux/extensions/...ss/ext.axd?v=0
Also, the view does not load so I guess there are more problems underneath.
Cheers,
Sandor.