[CLOSED] [1.2] Switch panels?

  1. #1

    [CLOSED] [1.2] Switch panels?

    Hello,

    If you run the below example and click on the "Move Up" button for the Field 2; I was thinking it would move the Field 2 above the Field 1 panel. However, it appears the .insert method on the FieldSet method does not move it? If you click the button again, it will tell you that the index is now 0.

    Any suggestions? This has been bugging me for a bit now :(

    Appreciate any assistance.

    <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>
    <!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>Example</title>
    
    
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder" runat="server" />
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager" runat="server" ScriptMode="Debug" StateProvider="Cookie" Theme="Gray" />
    
    
        <ext:Viewport runat="server">
            <Items>
                <ext:Panel ID="FieldSet" runat="server"
                    Border="false">
                    <Items>
                        <ext:Panel ID="Parent1" runat="server">
                            <Items>
                                <ext:Panel ID="Field1" runat="server"
                                    Border="false">
                                    <TopBar>
                                        <ext:Toolbar runat="server">
                                            <Items>
                                                <ext:ToolbarFill runat="server" />
                                                <ext:Button runat="server"
                                                    StandOut="true"
                                                    Text="Move Up">
                                                    <Listeners>
                                                        <Click
                                                            Buffer="300"
                                                            Handler="
                                                                    
                                                                "
                                                        />
                                                    </Listeners>
                                                </ext:Button>
                                            </Items>
                                        </ext:Toolbar>
                                    </TopBar>
                                    <Content>
                                        Field 1
                                    </Content>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Parent2" runat="server">
                            <Items>
                                <ext:Panel ID="Field2" runat="server"
                                    Border="false">
                                    <TopBar>
                                        <ext:Toolbar runat="server">
                                            <Items>
                                                <ext:ToolbarFill runat="server" />
                                                <ext:Button runat="server"
                                                    StandOut="true"
                                                    Text="Move Up">
                                                    <Listeners>
                                                        <Click
                                                            Buffer="300"
                                                            Handler="
                                                                    var index = FieldSet.items.indexOf(#{Field2}.ownerCt);
    
    
                                                                    alert(index);
    
    
                                                                    FieldSet.insert(0, FieldSet.getComponent(index));
    
    
                                                                    FieldSet.doLayout();
                                                                "
                                                        />
                                                    </Listeners>
                                                </ext:Button>
                                            </Items>
                                        </ext:Toolbar>
                                    </TopBar>
                                    <Content>
                                        Field 2
                                    </Content>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Viewport>
    </body>
    </html>
    Cheers,
    Timothy
    Last edited by Daniil; Dec 01, 2011 at 4:22 PM. Reason: [CLOSED]
  2. #2
    Try this
    var index = FieldSet.items.indexOf(#{Field2}.ownerCt),
    	cmp = FieldSet.getComponent(index);
    	
    FieldSet.remove(cmp, false);
    Ext.getBody().dom.appendChild(cmp.el.dom);
    FieldSet.insert(0, cmp);
    FieldSet.doLayout();
    Also, please note that FormLayout (FormPanel/FieldSet uses FormLayout by default) doesn't support to insert already rendered widgets
  3. #3
    Thanks vladsch! Worked like a charm :)

    Cheers,
    Timothy

Similar Threads

  1. [CLOSED] So many panels and nested panels
    By thchuong in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 03, 2012, 5:23 AM
  2. switch to custom theme
    By angusbeare in forum 1.x Help
    Replies: 3
    Last Post: Mar 21, 2012, 12:31 PM
  3. Is possible to switch Store DataSourceID ?
    By Aod47 in forum 1.x Help
    Replies: 1
    Last Post: Mar 14, 2012, 4:46 AM
  4. [CLOSED] Language switch
    By tiramisu in forum 1.x Legacy Premium Help
    Replies: 13
    Last Post: Oct 15, 2010, 2:44 PM
  5. Replies: 1
    Last Post: May 28, 2010, 6:52 AM

Posting Permissions