[CLOSED] How to handle Layouts after migrating versions?

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] How to handle Layouts after migrating versions?

    Hi,
    I have migrate my application to v2.x from v1.6 here is reproductive sample:
    master.page
    <%@ Master Language="C#" AutoEventWireup="true" Inherits="Ext.NetTest2.x.SiteMaster" %>
    
    <%@ Register tagPrefix="ext" assembly="Ext.Net" namespace="Ext.Net" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head runat="server">
        <title></title>
        <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
        <asp:ContentPlaceHolder ID="HeadContent" runat="server">
        </asp:ContentPlaceHolder>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server"></ext:ResourceManager>
            <ext:Viewport runat="server" ID="viewport">
                <LayoutConfig>
                    <ext:VBoxLayoutConfig runat="server" Align="Stretch"/>
                </LayoutConfig>
                <Items>
                    <ext:Container runat="server" ID="logoContainer" Height="50"></ext:Container>
                    <ext:Toolbar ID="MenuMain" runat="server" Height="30" Border="false">
                        <Items>
                            <ext:Button ID="MenuStart" runat="server" OnClientClick="window.location.href='Start.aspx'"
                                Icon="ColorWheel" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="PanelMain" runat="server" Split="false" AutoScroll="true" Border="false"
                    Collapsible="false" Flex="1">
                    <LayoutConfig>
                        <ext:FitLayoutConfig runat="server"/>
                    </LayoutConfig>
                    <Content>
                        <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
                    </Content>
                </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
    Start.aspx
    <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" Inherits="Ext.NetTest2.x.Start" %>
    <%@ Register tagPrefix="uc1" tagName="Test" src="Test.ascx" %>
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net, Version=2.2.0.23690, Culture=neutral, PublicKeyToken=2e12ce3d0176cd87" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        <ext:Container ID="content" runat="server">
            <LayoutConfig>
                <ext:FitLayoutConfig runat="server"/>
            </LayoutConfig>
            <Content>
                <uc1:Test runat="server"/>
            </Content>
        </ext:Container> 
    </asp:Content>
    Test.ascx
    <%@ Control Language="C#" AutoEventWireup="true" Inherits="Ext.NetTest2.x.Test" %>
    <%@ Import Namespace="Ext.NetTest2.x" %>
    <%@ Register TagPrefix="ext1" Namespace="Ext.Net" Assembly="Ext.Net, Version=2.2.0.23690, Culture=neutral, PublicKeyToken=2e12ce3d0176cd87" %>
    <script runat="server">
        private int controls;
        protected override void OnInit(EventArgs e)
        {
            List<MyClass> myClasses = new List<MyClass>()
                                              {
                                                  new MyClass(1,"first"),
                                                  new MyClass(2,"second"),
                                                  new MyClass(3,"third")
                                              };
            StoreMain.DataSource = myClasses;
            Random rd = new Random();
            int startIndex = rd.Next(1, 10);
            int endIndex = rd.Next(11, 20);
            controls = rd.Next(startIndex,endIndex);
            int index = 1;
            while (controls != 0)
            {
                table.Items.Add(new Ext.Net.Button{ID="b"+index,Text = index.ToString()});
                index++;
                controls--;
            }
        }
    </script>
    <ext1:Container ID="border" Layout="BorderLayout" runat="server">
        <Items>
            <ext1:Panel ID="PanelDicListSearch" Border="False" Region="North" runat="server" ManageHeight="True" Collapsible="false" Header="false" Split="true" AutoHeight="True">
                <LayoutConfig>
                    <ext1:VBoxLayoutConfig runat="server" Pack="Center" Align="Stretch"/>
                </LayoutConfig>
                <Items>
                    <ext1:Hidden runat="server" ID="ScrollStore" Flex="0"/>
                    <ext1:Panel runat="server" ID="panelButtonsExt" Layout="HBoxLayout"  Collapsible="false" Border="False" Height="38">
                        <Items>
                            <ext1:Container ID="cntButtons" runat="server" Layout="HBoxLayout" Cls="list-button" Border="false" Height="36">
                                <Items>
                                    <ext1:Button runat="server" ID="btnReturn" Text="Return" Icon="ResultsetPrevious" Height="26" Width="75">
                                    </ext1:Button>
                                </Items>
                            </ext1:Container>
                        </Items>
                    </ext1:Panel>
                    <ext1:Panel Border="False" runat="server" ID="panelSearchControlMain" Collapsible="false"
                       AnchorHorizontal="100%" AutoWidth="True" Flex="1">
                        
                        <BottomBar>
                            <ext1:Toolbar ID="ToolbarSearchSimple" Layout="HBoxLayout" runat="server" Height="32" AnchorHorizontal="100%">
                                <LayoutConfig>
                                    <ext1:HBoxLayoutConfig runat="server" Align="Stretch"/>
                                </LayoutConfig>
                                <Items>
                                    <ext1:Label runat="server" ID="lblListTitle" Cls="listTitle" Flex="1"></ext1:Label>
                                            
                                    <ext1:FieldContainer ID="CompositeField1" runat="server" Height="26" Flex="1">
                                        <LayoutConfig>
                                            <ext1:HBoxLayoutConfig runat="server" Align="Middle" Pack="Center"/>
                                        </LayoutConfig>
                                        <Items>
                                            <ext1:Button ID="Button_Clear" runat="server" Icon="PageWhite" Height="26" Text="Clear" Width="75">
                                            </ext1:Button>
                                            <ext1:TextField ID="TextField_SimpleSearch" runat="server" Width="150" Margins="4"
                                                Height="20" EnableKeyEvents="true">
                                                <Listeners>
                                                    <KeyPress Handler="if(e.getKey() == Ext.EventObject.ENTER){e.stopEvent();#{Button_Search}.fireEvent('click');}" />
                                                </Listeners>
                                            </ext1:TextField>
                                            <ext1:Button ID="Button_Search" runat="server" Text="Search" Icon="Find" Height="26" Width="75">
                                                <DirectEvents>
                                                    <Click Timeout="60000"></Click>
                                                </DirectEvents>
                                                <ext1:KeyMap ID="KeyMapSearchCustom" runat="server" Target="={#{panelSearchControlMain}.getBody()}">
                                                    <Binding>
                                                    <ext1:KeyBinding Handler="e.stopEvent();#{Button_Search}.fireEvent('click');">
                                                        <Keys>
                                                            <ext1:Key Code="ENTER" />
                                                        </Keys>
                                                    </ext1:KeyBinding>
                                                    </Binding>
                                                </ext1:KeyMap>
                                                </ext1:Button>
                                        </Items>
                                    </ext1:FieldContainer>
                                    <ext1:FieldContainer ID="Composite1" runat="server" Flex="1">
                                        <LayoutConfig>
                                            <ext1:HBoxLayoutConfig runat="server" Align="Stretch" Pack="End"/>
                                        </LayoutConfig>
                                        <Items>
                                            <ext1:DisplayField ID="DisplayField1" runat="server" Flex="1" Html="&nbsp;" />
                                            <ext1:Button runat="server" ID="Button_SearchToggle" Text="Show / Hide search parameters"
                                                Icon="SectionCollapsed" Height="26">
                                                <Listeners>
                                                    <Click  Handler="#{panelSearchControlAdd}.toggleCollapse();" />
                                                </Listeners>
                                            </ext1:Button>
                                        </Items>
                                    </ext1:FieldContainer>
                                </Items>
                            </ext1:Toolbar>
                        </BottomBar>
                    </ext1:Panel>
                    <ext1:Panel ID="panelSearchControlAdd" Border="False" runat="server" AutoDoLayout="true"
                                AutoHeight="true" AnimCollapse="false" Collapsible="True" Collapsed="True" AnchorHorizontal="100%" Flex="1">
                        <LayoutConfig>
                            <ext1:FitLayoutConfig runat="server"/>
                        </LayoutConfig>
                                <Items>
                                    <ext1:Container runat="server"  ID="phCustomSearchForm">
                                        <Items>
                                            <ext1:Container runat="server" ID="table">
                                                <LayoutConfig>
                                                    <ext1:TableLayoutConfig runat="server" Columns="3"></ext1:TableLayoutConfig>
                                                </LayoutConfig>
                                            </ext1:Container>
                                        </Items>
                                    </ext1:Container>
                                </Items>
                                <Loader runat="server">
                                    <ext1:LoadMask ShowMask="true" Msg="Proszę poczekać ..." />
                                </Loader>
                                <Listeners>
                                    <AfterLayout Handler="#{viewport}.doLayout();" />
                                    <Collapse Handler="#{viewport}.doLayout();" />
                                    <Expand Handler="#{viewport}.doLayout();" />
                                </Listeners>
                      </ext1:Panel>
                </Items>
            </ext1:Panel>
       
            <ext1:Panel ID="PanelDicListGrid" runat="server" Region="Center" AutoDoLayout="True" Collapsible="false"
                Header="false" Split="true" AnchorHorizontal="100%" Layout="FitLayout" Flex="2" MaintainFlex="True">
                <Items>
                    <ext1:GridPanel ID="GridPanelMain" runat="server" SelectionMemory="True" AnchorHorizontal="100%" Cls="grid-mme">
                        <Store>
                            <ext1:Store ID="StoreMain" runat="server" RemoteSort="true" AutoLoad="False" PageSize="50" IgnoreExtraFields="True">
                                <Reader>
                                     <ext1:JsonReader runat="server" TotalProperty="TotalRecords" Root="data"/>
                                </Reader>
                                <AutoLoadParams>
                                    <ext1:Parameter Name="start" Value="0" Mode="Raw" />
                                    <ext1:Parameter Name="limit" Value="50" Mode="Raw" />
                                    <ext1:Parameter Name="sort" Value="" />
                                    <ext1:Parameter Name="dir" Value="" />
                                </AutoLoadParams>
                                <Model>
                                    <ext1:Model runat="server">
                                        <Fields>
                                            <ext1:ModelField runat="server" Name="Id" Type="Int"></ext1:ModelField>
                                            <ext1:ModelField runat="server" Name="Name" Type="String"></ext1:ModelField>
                                        </Fields>
                                    </ext1:Model>
                                </Model>
                            </ext1:Store>
                        </Store>
                        <ColumnModel runat="server">
                            <Columns>
                            <ext1:Column ID="IdColumn" runat="server" Text="Id" DataIndex="Id"></ext1:Column>
                            <ext1:Column ID="NameColumn" runat="server" Text="Name" DataIndex="Name"></ext1:Column>
                            </Columns>
                        </ColumnModel>
                        <BottomBar>
                            <ext1:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="50" DisplayInfo="True" >
                                <Plugins>
                                    <ext1:SlidingPager>
                                    </ext1:SlidingPager>
                                </Plugins>
                              
                            </ext1:PagingToolbar>
                        </BottomBar>
                        <View>
                           <ext1:GridView runat="server" ID="gridView">
                               <GetRowClass Handler="if (record.data.CssClass != '') return record.data.CssClass;"></GetRowClass>
                               
                           </ext1:GridView>
                        </View>
                        <Loader runat="server">
                            <ext1:LoadMask ShowMask="true" Msg="Please wait ..." StoreID="StoreMain" />
                        </Loader>
                    </ext1:GridPanel>
                </Items>
            </ext1:Panel>
        </Items>
    </ext1:Container>
    MyClass.cs
    [Serializable]
        public class MyClass
        {
            public int Id { get; set; }
            public string Name { get; set; }
            public MyClass(int id, string name)
            {
                Id = id;
                Name = name;
            }
        }
    When I click on Show / Hide search parameters My layout crashed. I'm aware of using borderLayout (north panel whould have explicit height but in my case Controls inside one panel are generated dynamically) so what layout should I use for this situation? border worked for me in v1.6

    Thanks,
    ViDom
    Last edited by Daniil; May 10, 2013 at 10:55 AM. Reason: [CLOSED]
  2. #2
    Hi @ViDom,

    Well, auto height North region is not supported in Ext.NET v1 as well.

    I would try a VBoxLayout or an AnchorLayout instead.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi @ViDom,

    Well, auto height North region is not supported in Ext.NET v1 as well.

    I would try a VBoxLayout or an AnchorLayout instead.
    Yeah it wasn't supported (North region) but it worked. Can I make such a panel which will be collapsible and will change entire height of parent Panel(parent panel is panel with Region North, and this collapsible panel is a substitute of it).

    If you need any further information about requirements pls ask.
  4. #4
    Did you try these layouts?

    Quote Originally Posted by Daniil View Post
    I would try a VBoxLayout or an AnchorLayout instead.
  5. #5
    Quote Originally Posted by Daniil View Post
    Did you try these layouts?
    changed Test.ascx:
    <%@ Control Language="C#" AutoEventWireup="true" Inherits="Ext.NetTest2.x.Test" %>
    <%@ Import Namespace="Ext.NetTest2.x" %>
    <%@ Register TagPrefix="ext1" Namespace="Ext.Net" Assembly="Ext.Net, Version=2.2.0.23690, Culture=neutral, PublicKeyToken=2e12ce3d0176cd87" %>
    <script runat="server">
        private int controls;
        protected override void OnInit(EventArgs e)
        {
            List<MyClass> myClasses = new List<MyClass>()
                                              {
                                                  new MyClass(1,"first"),
                                                  new MyClass(2,"second"),
                                                  new MyClass(3,"third")
                                              };
            StoreMain.DataSource = myClasses;
            Random rd = new Random();
            int startIndex = rd.Next(1, 10);
            int endIndex = rd.Next(11, 20);
            controls = rd.Next(startIndex,endIndex);
            int index = 1;
            while(controls!=0)
            {
                table.Items.Add(new Ext.Net.Button{ID="b"+index,Text = index.ToString()});
                index++;
                controls--;
            }
        }
    </script>
    <ext1:Container ID="border" runat="server">
        <LayoutConfig>
            <ext1:VBoxLayoutConfig runat="server" Align="Stretch"/>
        </LayoutConfig>
        <Items>
            <ext1:Panel runat="server" ID="panelButtonsExt" Layout="HBoxLayout"  Collapsible="false" Border="False" Height="38">
                <Items>
                    <ext1:Container ID="cntButtons" runat="server" Layout="HBoxLayout" Cls="list-button" Border="false" Height="36">
                        <Items>
                            <ext1:Button runat="server" ID="btnReturn" Text="Return" Icon="ResultsetPrevious" Height="26" Width="75">
                            </ext1:Button>
                        </Items>
                    </ext1:Container>
                </Items>
            </ext1:Panel>
            <ext1:Panel ID="panelSearchControlAdd" Border="False" runat="server" AutoDoLayout="true" HideCollapseTool="True" 
                    AutoHeight="true" AnimCollapse="false" Collapsible="True" Collapsed="True" AnchorHorizontal="100%">
            <LayoutConfig>
                <ext1:FitLayoutConfig runat="server"/>
            </LayoutConfig>
                    <Items>
                        <ext1:Container runat="server"  ID="phCustomSearchForm">
                            <Items>
                                <ext1:Container runat="server" ID="table">
                                    <LayoutConfig>
                                        <ext1:TableLayoutConfig runat="server" Columns="3"></ext1:TableLayoutConfig>
                                    </LayoutConfig>
                                </ext1:Container>
                            </Items>
                        </ext1:Container>
                    </Items>
                    <Listeners>
                        <AfterLayout Handler="#{viewport}.doLayout();" />
                        <Collapse Handler="#{viewport}.doLayout();" />
                        <Expand Handler="#{viewport}.doLayout();" />
                    </Listeners>
            </ext1:Panel>
            <ext1:Hidden runat="server" ID="ScrollStore" Flex="0"/>
            <ext1:Panel Border="False" runat="server" ID="panelSearchControlMain" Collapsible="false"
                AnchorHorizontal="100%" AutoWidth="True" Height="32">
                        
                <BottomBar>
                    <ext1:Toolbar ID="ToolbarSearchSimple" Layout="HBoxLayout" runat="server" Height="32" AnchorHorizontal="100%">
                        <LayoutConfig>
                            <ext1:HBoxLayoutConfig runat="server" Align="Stretch"/>
                        </LayoutConfig>
                        <Items>
                            <ext1:Label runat="server" ID="lblListTitle" Cls="listTitle" Flex="1"></ext1:Label>
                                            
                            <ext1:FieldContainer ID="CompositeField1" runat="server" Height="26" Flex="1">
                                <LayoutConfig>
                                    <ext1:HBoxLayoutConfig runat="server" Align="Middle" Pack="Center"/>
                                </LayoutConfig>
                                <Items>
                                    <ext1:Button ID="Button_Clear" runat="server" Icon="PageWhite" Height="26" Text="Clear" Width="75">
                                    </ext1:Button>
                                    <ext1:TextField ID="TextField_SimpleSearch" runat="server" Width="150" Margins="4"
                                        Height="20" EnableKeyEvents="true">
                                        <Listeners>
                                            <KeyPress Handler="if(e.getKey() == Ext.EventObject.ENTER){e.stopEvent();#{Button_Search}.fireEvent('click');}" />
                                        </Listeners>
                                    </ext1:TextField>
                                    <ext1:Button ID="Button_Search" runat="server" Text="Search" Icon="Find" Height="26" Width="75">
                                        <DirectEvents>
                                            <Click Timeout="60000"></Click>
                                        </DirectEvents>
                                        <ext1:KeyMap ID="KeyMapSearchCustom" runat="server" Target="={#{panelSearchControlMain}.getBody()}">
                                            <Binding>
                                            <ext1:KeyBinding Handler="e.stopEvent();#{Button_Search}.fireEvent('click');">
                                                <Keys>
                                                    <ext1:Key Code="ENTER" />
                                                </Keys>
                                            </ext1:KeyBinding>
                                            </Binding>
                                        </ext1:KeyMap>
                                        </ext1:Button>
                                </Items>
                            </ext1:FieldContainer>
                            <ext1:FieldContainer ID="Composite1" runat="server" Flex="1">
                                <LayoutConfig>
                                    <ext1:HBoxLayoutConfig runat="server" Align="Stretch" Pack="End"/>
                                </LayoutConfig>
                                <Items>
                                    <ext1:DisplayField ID="DisplayField1" runat="server" Flex="1" Html="&nbsp;" />
                                    <ext1:Button runat="server" ID="Button_SearchToggle" Text="Show / Hide search parameters"
                                        Icon="SectionCollapsed" Height="26">
                                        <Listeners>
                                            <Click  Handler="#{panelSearchControlAdd}.toggleCollapse();" />
                                        </Listeners>
                                    </ext1:Button>
                                </Items>
                            </ext1:FieldContainer>
                        </Items>
                    </ext1:Toolbar>
                </BottomBar>
            </ext1:Panel>
            <ext1:Panel ID="PanelDicListGrid" runat="server" Region="Center" AutoDoLayout="True" Collapsible="false"
                Header="false" Split="true" AnchorHorizontal="100%" Layout="FitLayout" Flex="3" MaintainFlex="True">
                <Items>
                    <ext1:GridPanel ID="GridPanelMain" runat="server" SelectionMemory="True" AnchorHorizontal="100%" Cls="grid-mme">
                        <Store>
                            <ext1:Store ID="StoreMain" runat="server" RemoteSort="true" AutoLoad="False" PageSize="50" IgnoreExtraFields="True">
                                <Reader>
                                     <ext1:JsonReader runat="server" TotalProperty="TotalRecords" Root="data"/>
                                </Reader>
                                <AutoLoadParams>
                                    <ext1:Parameter Name="start" Value="0" Mode="Raw" />
                                    <ext1:Parameter Name="limit" Value="50" Mode="Raw" />
                                    <ext1:Parameter Name="sort" Value="" />
                                    <ext1:Parameter Name="dir" Value="" />
                                </AutoLoadParams>
                                <Model>
                                    <ext1:Model runat="server">
                                        <Fields>
                                            <ext1:ModelField runat="server" Name="Id" Type="Int"></ext1:ModelField>
                                            <ext1:ModelField runat="server" Name="Name" Type="String"></ext1:ModelField>
                                        </Fields>
                                    </ext1:Model>
                                </Model>
                            </ext1:Store>
                        </Store>
                        <ColumnModel runat="server">
                            <Columns>
                            <ext1:Column ID="IdColumn" runat="server" Text="Id" DataIndex="Id"></ext1:Column>
                            <ext1:Column ID="NameColumn" runat="server" Text="Name" DataIndex="Name"></ext1:Column>
                            </Columns>
                        </ColumnModel>
                        <BottomBar>
                            <ext1:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="50" DisplayInfo="True" >
                                <Plugins>
                                    <ext1:SlidingPager>
                                    </ext1:SlidingPager>
                                </Plugins>
                              
                            </ext1:PagingToolbar>
                        </BottomBar>
                        <View>
                           <ext1:GridView runat="server" ID="gridView">
                               <GetRowClass Handler="if (record.data.CssClass != '') return record.data.CssClass;"></GetRowClass>
                               
                           </ext1:GridView>
                        </View>
                        <Loader runat="server">
                            <ext1:LoadMask ShowMask="true" Msg="Please wait ..." StoreID="StoreMain" />
                        </Loader>
                    </ext1:GridPanel>
                </Items>
            </ext1:Panel>
        </Items>
    </ext1:Container>
    But it still make Layouts crashed after click Button_SearchToggle.
    Last edited by ViDom; May 09, 2013 at 12:43 PM.
  6. #6
    Ok, I should do some testing. Unfortunately, I can't run your code snippets. Could you, please, provide a runnable simple test case?
  7. #7
    Quote Originally Posted by Daniil View Post
    Ok, I should do some testing. Unfortunately, I can't run your code snippets. Could you, please, provide a runnable simple test case?
    sure here you go:
    <%@ Page Language="C#" AutoEventWireup="true" %>
    <%@ Import Namespace="Ext.NetTest2.x" %>
    <%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net, Version=2.2.0.23690, Culture=neutral, PublicKeyToken=2e12ce3d0176cd87" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <script runat="server">
        private int controls;
        protected override void OnInit(EventArgs e)
        {
            List<MyClass> myClasses = new List<MyClass>()
                                              {
                                                  new MyClass(1,"first"),
                                                  new MyClass(2,"second"),
                                                  new MyClass(3,"third")
                                              };
            StoreMain.DataSource = myClasses;
            Random rd = new Random();
            int startIndex = rd.Next(1, 10);
            int endIndex = rd.Next(11, 20);
            controls = rd.Next(startIndex,endIndex);
            int index = 1;
            while(controls!=0)
            {
                table.Items.Add(new Ext.Net.Button{ID="b"+index,Text = index.ToString()});
                index++;
                controls--;
            }
        }
    </script>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager runat="server" ScriptMode="Development"></ext:ResourceManager>
            <ext:Viewport runat="server" ID="viewport">
                <LayoutConfig>
                    <ext:VBoxLayoutConfig runat="server" Align="Stretch"/>
                </LayoutConfig>
                <Items>
                    <ext:Container runat="server" ID="logoContainer" Height="50"></ext:Container>
                    <ext:Toolbar ID="MenuMain" runat="server" Height="30" Border="false">
                        <Items>
                            <ext:Button ID="MenuStart" runat="server" OnClientClick="window.location.href='Start.aspx'"
                                Icon="ColorWheel" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="PanelMain" runat="server" Split="false" AutoScroll="true" Border="false"
                    Collapsible="false" Flex="1">
                    <LayoutConfig>
                        <ext:FitLayoutConfig runat="server"/>
                    </LayoutConfig>
                    <Items>
                        <ext:Container ID="border" runat="server">
        <LayoutConfig>
            <ext:VBoxLayoutConfig runat="server" Align="Stretch"/>
        </LayoutConfig>
        <Items>
            <ext:Panel runat="server" ID="panelButtonsExt" Layout="HBoxLayout"  Collapsible="false" Border="False" Height="38">
                <Items>
                    <ext:Container ID="cntButtons" runat="server" Layout="HBoxLayout" Cls="list-button" Border="false" Height="36">
                        <Items>
                            <ext:Button runat="server" ID="btnReturn" Text="Return" Icon="ResultsetPrevious" Height="26" Width="75">
                            </ext:Button>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:Panel>
            <ext:Panel ID="panelSearchControlAdd" Border="False" runat="server" AutoDoLayout="true" HideCollapseTool="True" 
                    AutoHeight="true" AnimCollapse="false" Collapsible="True" Collapsed="True" AnchorHorizontal="100%">
            <LayoutConfig>
                <ext:FitLayoutConfig runat="server"/>
            </LayoutConfig>
                    <Items>
                        <ext:Container runat="server"  ID="phCustomSearchForm">
                            <Items>
                                <ext:Container runat="server" ID="table">
                                    <LayoutConfig>
                                        <ext:TableLayoutConfig runat="server" Columns="3"></ext:TableLayoutConfig>
                                    </LayoutConfig>
                                </ext:Container>
                            </Items>
                        </ext:Container>
                    </Items>
                    <Listeners>
                        <AfterLayout Handler="#{viewport}.doLayout();" />
                        <Collapse Handler="#{viewport}.doLayout();" />
                        <Expand Handler="#{viewport}.doLayout();" />
                    </Listeners>
            </ext:Panel>
            <ext:Hidden runat="server" ID="ScrollStore" Flex="0"/>
            <ext:Panel Border="False" runat="server" ID="panelSearchControlMain" Collapsible="false"
                AnchorHorizontal="100%" AutoWidth="True" Height="32">
                        
                <BottomBar>
                    <ext:Toolbar ID="ToolbarSearchSimple" Layout="HBoxLayout" runat="server" Height="32" AnchorHorizontal="100%">
                        <LayoutConfig>
                            <ext:HBoxLayoutConfig runat="server" Align="Stretch"/>
                        </LayoutConfig>
                        <Items>
                            <ext:Label runat="server" ID="lblListTitle" Cls="listTitle" Flex="1"></ext:Label>
                                            
                            <ext:FieldContainer ID="CompositeField1" runat="server" Height="26" Flex="1">
                                <LayoutConfig>
                                    <ext:HBoxLayoutConfig runat="server" Align="Middle" Pack="Center"/>
                                </LayoutConfig>
                                <Items>
                                    <ext:Button ID="Button_Clear" runat="server" Icon="PageWhite" Height="26" Text="Clear" Width="75">
                                    </ext:Button>
                                    <ext:TextField ID="TextField_SimpleSearch" runat="server" Width="150" Margins="4"
                                        Height="20" EnableKeyEvents="true">
                                        <Listeners>
                                            <KeyPress Handler="if(e.getKey() == Ext.EventObject.ENTER){e.stopEvent();#{Button_Search}.fireEvent('click');}" />
                                        </Listeners>
                                    </ext:TextField>
                                    <ext:Button ID="Button_Search" runat="server" Text="Search" Icon="Find" Height="26" Width="75">
                                        <DirectEvents>
                                            <Click Timeout="60000"></Click>
                                        </DirectEvents>
                                        <ext:KeyMap ID="KeyMapSearchCustom" runat="server" Target="={#{panelSearchControlMain}.getBody()}">
                                            <Binding>
                                            <ext:KeyBinding Handler="e.stopEvent();#{Button_Search}.fireEvent('click');">
                                                <Keys>
                                                    <ext:Key Code="ENTER" />
                                                </Keys>
                                            </ext:KeyBinding>
                                            </Binding>
                                        </ext:KeyMap>
                                        </ext:Button>
                                </Items>
                            </ext:FieldContainer>
                            <ext:FieldContainer ID="Composite1" runat="server" Flex="1">
                                <LayoutConfig>
                                    <ext:HBoxLayoutConfig runat="server" Align="Stretch" Pack="End"/>
                                </LayoutConfig>
                                <Items>
                                    <ext:DisplayField ID="DisplayField1" runat="server" Flex="1" Html="&nbsp;" />
                                    <ext:Button runat="server" ID="Button_SearchToggle" Text="Show / Hide search parameters"
                                        Icon="SectionCollapsed" Height="26">
                                        <Listeners>
                                            <Click  Handler="#{panelSearchControlAdd}.toggleCollapse();" />
                                        </Listeners>
                                    </ext:Button>
                                </Items>
                            </ext:FieldContainer>
                        </Items>
                    </ext:Toolbar>
                </BottomBar>
            </ext:Panel>
            <ext:Panel ID="PanelDicListGrid" runat="server" Region="Center" AutoDoLayout="True" Collapsible="false"
                Header="false" Split="true" AnchorHorizontal="100%" Layout="FitLayout" Flex="3" MaintainFlex="True">
                <Items>
                    <ext:GridPanel ID="GridPanelMain" runat="server" SelectionMemory="True" AnchorHorizontal="100%" Cls="grid-mme">
                        <Store>
                            <ext:Store ID="StoreMain" runat="server" RemoteSort="true" AutoLoad="False" PageSize="50" IgnoreExtraFields="True">
                                <Reader>
                                     <ext:JsonReader runat="server" TotalProperty="TotalRecords" Root="data"/>
                                </Reader>
                                <AutoLoadParams>
                                    <ext:Parameter Name="start" Value="0" Mode="Raw" />
                                    <ext:Parameter Name="limit" Value="50" Mode="Raw" />
                                    <ext:Parameter Name="sort" Value="" />
                                    <ext:Parameter Name="dir" Value="" />
                                </AutoLoadParams>
                                <Model>
                                    <ext:Model runat="server">
                                        <Fields>
                                            <ext:ModelField runat="server" Name="Id" Type="Int"></ext:ModelField>
                                            <ext:ModelField runat="server" Name="Name" Type="String"></ext:ModelField>
                                        </Fields>
                                    </ext:Model>
                                </Model>
                            </ext:Store>
                        </Store>
                        <ColumnModel runat="server">
                            <Columns>
                            <ext:Column ID="IdColumn" runat="server" Text="Id" DataIndex="Id"></ext:Column>
                            <ext:Column ID="NameColumn" runat="server" Text="Name" DataIndex="Name"></ext:Column>
                            </Columns>
                        </ColumnModel>
                        <BottomBar>
                            <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="50" DisplayInfo="True" >
                                <Plugins>
                                    <ext:SlidingPager>
                                    </ext:SlidingPager>
                                </Plugins>
                              
                            </ext:PagingToolbar>
                        </BottomBar>
                        <View>
                           <ext:GridView runat="server" ID="gridView">
                               <GetRowClass Handler="if (record.data.CssClass != '') return record.data.CssClass;"></GetRowClass>
                               
                           </ext:GridView>
                        </View>
                        <Loader runat="server">
                            <ext:LoadMask ShowMask="true" Msg="Please wait ..." StoreID="StoreMain" />
                        </Loader>
                    </ext:GridPanel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Container>
                    </Items>
                </ext:Container>
                </Items>
            </ext:Viewport>
        </form>
    </body>
    </html>
  8. #8
    Hello!

    Sorry, but can you say what exactly wrong in your sample? Why do you call doLayout, it's not necessary in Ext.NET 2.x?

    <Listeners>
    	<AfterLayout Handler="#{viewport}.doLayout();" />
    	<Collapse Handler="#{viewport}.doLayout();" />
    	<Expand Handler="#{viewport}.doLayout();" />
    </Listeners>
  9. #9
    Yes, your example appears to be working as you need if remove those Listeners (which @Baidaly posted).
  10. #10
    Quote Originally Posted by Daniil View Post
    Yes, your example appears to be working as you need if remove those Listeners (which @Baidaly posted).
    Yeah that was the problem. Can you add this to breaking changes maybe someone will use those in future;)

    Thanks guys. Thread can be closed.
Page 1 of 2 12 LastLast

Similar Threads

  1. Replies: 1
    Last Post: Apr 12, 2013, 12:29 PM
  2. [CLOSED] Ext.Net and ExtJs versions
    By bogc in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 09, 2013, 4:44 PM
  3. [CLOSED] Ext.net versions
    By bbo1971 in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 17, 2012, 8:34 AM
  4. How to get the old versions
    By zjl in forum Open Discussions
    Replies: 5
    Last Post: Nov 05, 2010, 5:26 PM
  5. [CLOSED] Which Ext-Versions in Coolite 0.7 and 0.8.1
    By macap in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Aug 03, 2009, 6:37 AM

Tags for this Thread

Posting Permissions