[CLOSED] [1.0] MVC and TabPanel AutoLoad

[Timothy]

Hello vladimir,

Was wondering how I would be able to handle loading the content of a PartialExtView in a TabPanel AutoLoad

ExampleController.cs:

        public ActionResult Index()
        {
            return View();
        }

public ActionResult Example()
        {
var result = PartialExtView();

result.RenderMode = RenderMode.RenderTo;
return result;
        }

Index.aspx:

<ext:TabPanel ID="TabPanel1" runat="server">
    <Items>
        <ext:Panel ID="Panel1" runat="server" Title="Tab 1">
            <Content>Word</Content>
        </ext:Panel>
        <ext:Panel ID="Panel2" runat="server" Title="Tab 2">
            <AutoLoad Url="/Example/Example" />
        </ext:Panel>
    </Items>
</ext:TabPanel>

Example.ascx:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<ext:Panel ID="Panel3" runat="server">
    <Content>
        Loaded ...
    </Content>
</ext:Panel>

Appreciate your input.

Cheers,
Timothy

[Vladimir]

Hi,

<ext:Panel ID="Panel2" runat="server" Title="Tab 2">
                <AutoLoad Url="/Test/Example" Scripts="true">
                </AutoLoad>
                <Listeners>
                    <BeforeUpdate Handler="e.url.params={containerId : this.body.id};" />
                </Listeners>
            </ext:Panel>

Controller: Mode - RenderTo, WrapByScriptsTag=true

May be I should to think about more convenience method to pass panel's id or body's id

[Timothy]

Thanks vladimir, would be nice to have!

Cheers

[Vladimir]

Hi,

Now you can use functions as autoload parameter. Function will be called with current container scope (you can use #() syntax)

<ext:Panel ID="Panel1" runat="server" Width="300" Height="200" Title="IFrame">
            <AutoLoad Url="Body.aspx" Mode="IFrame">
                <Params>
                    <ext:Parameter Name="id" Value="#(return this.id;)" />
                </Params>
            </AutoLoad>
        </ext:Panel>
        
        <ext:Panel ID="Panel2" runat="server" Width="300" Height="200" Title="Merge">
            <AutoLoad Url="Body.aspx">
                <Params>
                    <ext:Parameter Name="bodyId" Value="function(){return this.body.id;}" />
                </Params>
            </AutoLoad>
        </ext:Panel>