What's New?

[CLOSED] ext:Panel with Items and Loader (mixed mode)

  1. #1
    Apr 24, 2012, 11:55 AM

    [CLOSED] ext:Panel with Items and Loader (mixed mode)

    Hi

    I have in my main page a ext:MenuPanel. For some items of menuPanel, when clicked, I wish load a aspx page in Panel. For some items, I wish loading ext:controls in Javascript in this panel... It´s possible?

    Basicly, I don't know what i do to clear the loader object.
    Last edited by Daniil; Apr 24, 2012 at 2:47 PM. Reason: [CLOSED]
  2. #2
    Apr 24, 2012, 1:45 PM
    Hi,

    I would implement it this way.

    Example
    <%@ 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 v2 Example</title>

    <script type="text/javascript">
        var loadSite = function (panel, url) {
            panel.removeAll();
            panel.add({
                xtype  : "panel",
                loader : {
                    renderer : "frame",
                    url      : "http://ext.net",
                    loadMask : {
                      showMask : true
                    }
                }
            });
        };

        var addComponent = function (panel, component) {
            panel.removeAll();
            panel.add(component);
        };
    </script>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:MenuPanel runat="server" Height="100">
            <Menu runat="server">
                <Items>
                    <ext:MenuItem runat="server" Text="Load some site">
                        <Listeners>
                            <Click Handler="loadSite(#{Panel1}, 'http://ext.net');" />
                        </Listeners>
                    </ext:MenuItem>
                    <ext:MenuItem runat="server" Text="Add some component">
                        <Listeners>
                            <Click Handler="addComponent(#{Panel1}, { xtype: 'container', html : 'Hello World!' });" />
                        </Listeners>
                    </ext:MenuItem>
                </Items>
            </Menu>
        </ext:MenuPanel>
        <ext:Panel 
            ID="Panel1" 
            runat="server" 
            Title="Test Panel" 
            Width="300" 
            Height="300"
            Layout="FitLayout" />
    </form>
</body>
</html>
  3. #3
    Apr 24, 2012, 2:45 PM
    Hi Daniil!

    Works very fine. Is just what I need!

    Thanks a lot.

Similar Threads

  1. Panel Loader example in Razor
    By basder in forum 2.x Help
    Replies: 4
    Last Post: Mar 24, 2014, 3:34 PM
  2. [CLOSED] Access Child items within loader Component
    By Digital.Dynamics in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: Jun 12, 2012, 4:09 PM
  3. [CLOSED] Switching mode of Loader from Frame to Html and Vice Versa
    By paulc in forum 2.x Legacy Premium Help
    Replies: 5
    Last Post: May 18, 2012, 1:41 PM
  4. The property 'Items' cannot be setted in declarative mode
    By paganinip in forum 1.x Help
    Replies: 2
    Last Post: Jun 11, 2010, 2:29 PM
  5. ColumnLayout and Mixed LayoutColumn Items
    By conman in forum 1.x Help
    Replies: 2
    Last Post: Jul 09, 2008, 10:08 AM

Posting Permissions