[CLOSED] AutoLoad Parameter [ChangeLog]

**Daly_AF** · Apr 09, 2012, 2:21 PM

In Ext.net 1.2 and 1.3 this sample works fine

<ext:Panel ID="_pnl" runat="server" Flex="1" Layout="Fit" Width="250" Region="West"
                Collapsible="true">
                <AutoLoad Url="/ViewEngine/LoadWestMenu">
                    <Params>
                        <ext:Parameter Name="containerID" Value="#{_pnl}" Mode="Value" />
                    </Params>
                </AutoLoad>
            </ext:Panel>

When trying to upgrade to Ext.net 2.0

<ext:Panel ID="_pnl" runat="server" Flex="1" Layout="Fit" Width="250" Region="West"
                Collapsible="true">
                <Loader Url="/ViewEngine/LoadWestMenu" runat="server" Mode="Component">
                    <AjaxOptions>
                        <Params>
                            <ext:Parameter Name="containerID" Value="#{_pnl}" Mode="Value" />
                        </Params>
                    </AjaxOptions>
                </Loader>
            </ext:Panel>

In the ?LoadWestMenu? action the containerID parameter is null.
Any suggestion please?

**Daniil** · Apr 09, 2012, 3:33 PM

Hi,

This is how you can load a component with

Mode="Component"

Example View

<%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net.MVC v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Panel 
        runat="server" 
        Width="250" 
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server" 
            Url="/Test/Load"  
            Mode="Component" />
    </ext:Panel>
</body>
</html>

Example Controller Action

public void Load()
{
    Panel p = new Panel()
    {
        Html = "Hello World!"
    };

    ComponentLoader.Render(p);
}

**Vladimir** · Apr 09, 2012, 3:38 PM

Please update from SVN and use Params of Loader instead AjaxOptions params

<Loader Url="/ViewEngine/LoadWestMenu" runat="server" Mode="Component">                    
                <Params>
                        <ext:Parameter Name="containerID" Value="#{_pnl}" Mode="Value" />
                </Params>
            </Loader>

**Daly_AF** · Apr 09, 2012, 5:07 PM

Originally Posted by Vladimir

Please update from SVN and use Params of Loader instead AjaxOptions params

<Loader Url="/ViewEngine/LoadWestMenu" runat="server" Mode="Component">                    
                <Params>
                        <ext:Parameter Name="containerID" Value="#{_pnl}" Mode="Value" />
                </Params>
            </Loader>

Thanks Vladimir, but the parameter is always null
this is the Action code

public ContentResult LoadWestMenu(String containerID)
        {            
            var contentResult = new ContentResult();
            contentResult.Content = string.Format("<script>{0}</script>", _serviceWestMenu.CreateWestMenu()
                .ToScript(RenderMode.AddTo, containerID));
            return contentResult;
        }

**Daly_AF** · Apr 09, 2012, 5:15 PM

Originally Posted by Daniil

Hi,

This is how you can load a component with

Mode="Component"

Example View

<%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net.MVC v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Panel 
        runat="server" 
        Width="250" 
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server" 
            Url="/Test/Load"  
            Mode="Component" />
    </ext:Panel>
</body>
</html>

Example Controller Action

public void Load()
{
    Panel p = new Panel()
    {
        Html = "Hello World!"
    };

    ComponentLoader.Render(p);
}

This method works fine but we need to pass parameter into the action url otherwise we need to implement an Action for each loader.

**Daniil** · Apr 09, 2012, 5:34 PM

Originally Posted by Daly_AF

Thanks Vladimir, but the parameter is always null
this is the Action code

public ContentResult LoadWestMenu(String containerID)
        {            
            var contentResult = new ContentResult();
            contentResult.Content = string.Format("<script>{0}</script>", _serviceWestMenu.CreateWestMenu()
                .ToScript(RenderMode.AddTo, containerID));
            return contentResult;
        }

The following works for me.

Example View

<%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net.MVC v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Panel
        ID="Panel1" 
        runat="server" 
        Width="250" 
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server" 
            Url="/Test/Load"  
            Mode="Html">
            <Params>
                <ext:Parameter Name="containerId" Value="#{Panel1}" Mode="Value" />
            </Params>
            <Listeners>
                <Load Handler="eval(response.responseText);" />
            </Listeners>
        </Loader>
    </ext:Panel>
</body>
</html>

Example Controller Action

public ContentResult Load(String containerId)
{
    var contentResult = new ContentResult();
    contentResult.Content = new Panel() { Html = "Hello World" }.ToScript(RenderMode.AddTo, containerId);
    return contentResult;
}

**Daniil** · Apr 09, 2012, 5:56 PM

Originally Posted by Daly_AF

This method works fine but we need to pass parameter into the action url otherwise we need to implement an Action for each loader.

I don't think you will need to implement an action for each loader.

Example View

<%@ Page Language="C#" %>
  
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title>Ext.Net.MVC v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Panel 
        ID="Panel1"
        runat="server"
        Width="250"
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server"
            Url="/Test/Load" 
            Mode="Component">
            <Params>
                <ext:Parameter Name="containerId" Value="this.target.id" Mode="Raw" />
            </Params>
        </Loader>
    </ext:Panel>

    <ext:Panel 
        ID="Panel2"
        runat="server"
        Width="250"
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server"
            Url="/Test/Load" 
            Mode="Component">
            <Params>
                <ext:Parameter Name="containerId" Value="this.target.id" Mode="Raw" />
            </Params>        
        </Loader>
    </ext:Panel>
</body>
</html>

Example Controller Action

public ActionResult Load(string containerId)
{
    Panel p = new Panel()
    {
        Html = containerId
    };

    ContentResult r = new ContentResult();
    r.Content = ComponentLoader.ToJson(p);

    return r;
}

**Daly_AF** · Apr 10, 2012, 10:40 AM

Originally Posted by Daniil

The following works for me.

Example View

<%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.Net.MVC v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Panel
        ID="Panel1" 
        runat="server" 
        Width="250" 
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server" 
            Url="/Test/Load"  
            Mode="Html">
            <Params>
                <ext:Parameter Name="containerId" Value="#{Panel1}" Mode="Value" />
            </Params>
            <Listeners>
                <Load Handler="eval(response.responseText);" />
            </Listeners>
        </Loader>
    </ext:Panel>
</body>
</html>

Example Controller Action

public ContentResult Load(String containerId)
{
    var contentResult = new ContentResult();
    contentResult.Content = new Panel() { Html = "Hello World" }.ToScript(RenderMode.AddTo, containerId);
    return contentResult;
}

Hi Daniil,
When I add the Load listener, in firebug console I have this error

missing } in XML expression
...rm/', icon : el.iconCls });}}}},{iconCls:"#Information",text:"About",listeners:{...

and the rendering of the component does not succeed.

**Daly_AF** · Apr 10, 2012, 10:42 AM

Originally Posted by Daniil

I don't think you will need to implement an action for each loader.

Example View

<%@ Page Language="C#" %>
  
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title>Ext.Net.MVC v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <ext:Panel 
        ID="Panel1"
        runat="server"
        Width="250"
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server"
            Url="/Test/Load" 
            Mode="Component">
            <Params>
                <ext:Parameter Name="containerId" Value="this.target.id" Mode="Raw" />
            </Params>
        </Loader>
    </ext:Panel>

    <ext:Panel 
        ID="Panel2"
        runat="server"
        Width="250"
        Height="250"
        Layout="Fit">
        <Loader 
            runat="server"
            Url="/Test/Load" 
            Mode="Component">
            <Params>
                <ext:Parameter Name="containerId" Value="this.target.id" Mode="Raw" />
            </Params>        
        </Loader>
    </ext:Panel>
</body>
</html>

Example Controller Action

public ActionResult Load(string containerId)
{
    Panel p = new Panel()
    {
        Html = containerId
    };

    ContentResult r = new ContentResult();
    r.Content = ComponentLoader.ToJson(p);

    return r;
}

In this sample, It works fine.

**Daniil** · Apr 10, 2012, 10:51 AM

Originally Posted by Daly_AF

When I add the Load listener, in firebug console I have this error

missing } in XML expression
...rm/', icon : el.iconCls });}}}},{iconCls:"#Information",text:"About",listeners:{...

and the rendering of the component does not succeed.

Did you update from SVN? It has been fixed recently.
http://forums.ext.net/showthread.php...ll=1#post78952

Thread: [CLOSED] AutoLoad Parameter [ChangeLog]

Thread Tools

Search Thread

Display

[CLOSED] AutoLoad Parameter [ChangeLog]

Similar Threads

[CLOSED] Ext.Net 2.1 version changelog

[CLOSED] ChangeLog Questions

Panel AutoLoad Parameter

how to transfer parameter in Panel's AutoLoad

[CLOSED] HOW TO TRANSFER PARAMETER IN PANEL'S AUTOLOAD...

Tags for this Thread

Posting Permissions

Sitemap

Downloads

Resources

Thread: [CLOSED] AutoLoad Parameter [ChangeLog]

[CLOSED] AutoLoad Parameter [ChangeLog]

Similar Threads

Tags for this Thread

Posting Permissions

Sitemap

Downloads

Resources

Stay connected with us