[CLOSED] fitlayout

  1. #1

    [CLOSED] fitlayout

    Hi..
    i have kept 2 fitlayouts for 2 grid panels in border layout<center>...
    but fit layout is not working..
    i have kept combobox in north panel to select grids..
    if grid1 selected then GridPane11 wil be displayed,if grid2 selected then GridPane12 wil be displayed....
    but fitlayout is not working

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="grid.aspx.cs" Inherits="grid.grid" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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></title>
    </head>
    <body>
        <form id="form1" runat="server">
       
       <ext:ScriptManager runat="server" ></ext:ScriptManager>
    
        <ext:Store ID="stoUser" runat="server" >
           
            <Reader>
                <ext:JsonReader ReaderID="PermitID">
                    <Fields>
                        <ext:RecordField Name="employee_name" />
                        <ext:RecordField Name="employee_no" />                   
                        <ext:RecordField Name="Department" />              
                    </Fields>
                </ext:JsonReader>
            </Reader>
          
        </ext:Store>
        <ext:Store ID="stoBookRegister" runat="server" >
            <Reader>
                <ext:JsonReader ReaderID="Serial">
                    <Fields>
                        <ext:RecordField Name="Department" />
                        <ext:RecordField Name="LeafNumber" />
                      
                    </Fields>
                </ext:JsonReader>
            </Reader>
         
        </ext:Store>
    
    
    
    
       <ext:ViewPort ID="viewPortPermitList" runat="server">
            <Body>
                <ext:BorderLayout ID="borderLayoutPermitList" runat="server">
                    <North MarginsSummary="0 5 0 5">
                        <ext:Panel ID="pnlCashBookControls" runat="server" Header="false" Frame="true" Height="46"
                            Width="100">
                            <Body>
                                <table>
                                    <tr>
                                        <td>
                                            <ext:Label ID="lblType" Text="Type" runat="server" />
                                        </td>
                                        <td>
                                            <ext:ComboBox ID="cmbType" runat="server">
                                            <Items>
                                            <ext:ListItem Text="grid1" Value="grid1" />
                                                <ext:ListItem Text="grid2" Value="grid2" />
                                            </Items>
    
                                            </ext:ComboBox>
                                        </td>                                   
                                        <td>
                                            <ext:Button ID="btnShowdata" runat="server" Text="Show Data">
                                                <AjaxEvents>
                                                    <Click OnEvent="btnChangeItem" />
                                                </AjaxEvents>
                                            </ext:Button>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </table>
                            </Body>
                        </ext:Panel>
                    </North>
                    <Center MarginsSummary="0 5 0 5">         
                   
                     <ext:Panel ID="pnlPermitList" runat="server" Frame="true" >
                            <Body>
                         
                          <ext:FitLayout runat="server" ID="FitPermit" >
                           <ext:GridPanel ID="GridPane11" runat="server" StoreID="stoUser" Title="giid Panel 1"
                                    Icon="Shield"  Hidden="true"   >
                                    <ColumnModel ID="ColumnModelPermitCancelList" runat="server">
                                        <Columns>                                        
                                            <ext:Column DataIndex="employee_name" Header="employee name" Width="200" />
                                           
                                            <ext:Column DataIndex="employee_no" Header="No.." />
                                             <ext:Column DataIndex="Department" Header="Department" />
                                            
                                        </Columns>
                                    </ColumnModel> 
                                    <BottomBar>
                                    <ext:PagingToolbar runat="server" StoreID="stoUser" DisplayInfo="true" DisplayMsg="Displaying Permit Details {0} - {1} of {2}"></ext:PagingToolbar>
                                    </BottomBar>                              
                                </ext:GridPanel>                      
                          </ext:FitLayout>
                          
         
            
           <%-- <ext:FitLayout ID="FitLayout1" runat="server" >--%>
            
                                 <ext:GridPanel ID="GridPane12" runat="server" StoreID="stoBookRegister" Icon="Shield"
                                    Title="grid Panel 2"  Hidden="true"  >
                                    <ColumnModel ID="colmodel" runat="server">
                                        <Columns>
                                            <ext:Column DataIndex="LeafNumber" Header="LeafNumber" Width="50"   />
                                            <ext:Column DataIndex="Department" Header="Department" Width="50"/>
                                          
                                            </Columns>
                                            </ColumnModel>
                                           </ext:GridPanel>  
                                           
                           <%--     </ext:FitLayout>  --%>    
                        
                          </Body>
                          </ext:Panel>
                    </Center>
                  
                </ext:BorderLayout>
            </Body>
        </ext:ViewPort>
    
        </form>
    </body>
    </html>
    
    
    
    protected void Page_Load(object sender, EventArgs e)
            {
                var data = new System.Collections.Generic.List<object>
                {
                    new {employee_name = "kiran", employee_no = 1,Department="abc"},
                    new {employee_name = "Ranganath", employee_no = 2,Department="efg"},
                    new {employee_name = "Dinesh", employee_no = 3,Department="hij"},
                    new {employee_name = "Rakesh", employee_no = 4,Department="klm"},
                    new {employee_name = "Pavan", employee_no = 5,Department="nop"},
                    new {employee_name = "Vinayak", employee_no = 6,Department="qrs"}
                };
    
    
                stoUser.DataSource = data;
                stoUser.DataBind();
    
                var data1 = new System.Collections.Generic.List<object>
                {
                    new { LeafNumber = 1,Department="abc"},
                    new { LeafNumber = 2,Department="efg"},
                    new { LeafNumber = 3,Department="hij"},
                    new {LeafNumber = 4,Department="klm"},
                    new {LeafNumber = 5,Department="nop"},
                    new {LeafNumber = 6,Department="qrs"}
    
    
                };
                stoBookRegister.DataSource = data1;
                stoBookRegister.DataBind();
    
            }
            protected void btnChangeItem(object sender, AjaxEventArgs e)
            {
                if (cmbType.SelectedItem.Text == "grid1")
                {
                    GridPane11.Hidden = false;
                    GridPane12.Hidden = true;
                }
                if (cmbType.SelectedItem.Text == "grid2")
                {
                    GridPane12.Hidden = false;
                    GridPane11.Hidden = true;
                }
            }
    Last edited by Daniil; Jan 14, 2011 at 8:45 PM. Reason: [CLOSED]
  2. #2
    Hi,

    It's required to be one layout control in one container.

    Please use CardLayout to achieve your requirement. Please see respective CardLayout example in Coolite sources.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi,

    It's required to be one layout control in one container.

    Please use CardLayout to achieve your requirement. Please see respective CardLayout example in Coolite sources.
    how to use cardlayot in coolite0.8.1.987

    please provide me an example
  4. #4
    Please see an example.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Ext.IsAjaxRequest)
            {
                Store store = this.Store1;
                store.DataSource = new object[] 
                { 
                    new object[] {"GridPanel1 test1"},
                    new object[] {"GridPanel1 test2"},
                    new object[] {"GridPanel1 test3"},
                };
                store.DataBind();
    
                store = this.Store2;
                store.DataSource = new object[] 
                { 
                    new object[] {"GridPanel2 test1"},
                    new object[] {"GridPanel2 test2"},
                    new object[] {"GridPanel2 test3"},
                };
                store.DataBind();
            }
        }
    </script>
    
    <!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>Coolite 0.8.X Example</title>
    </head>
    <body>
        <form runat="server">
        <ext:ScriptManager runat="server" />
        <ext:Store ID="Store1" runat="server">
            <Reader>
                <ext:ArrayReader>
                    <Fields>
                        <ext:RecordField Name="test" />
                    </Fields>
                </ext:ArrayReader>
            </Reader>
        </ext:Store>
        <ext:Store ID="Store2" runat="server">
            <Reader>
                <ext:ArrayReader>
                    <Fields>
                        <ext:RecordField Name="test" />
                    </Fields>
                </ext:ArrayReader>
            </Reader>
        </ext:Store>
        <ext:Panel ID="PanelMain" runat="server" Height="300">
            <Body>
                <ext:CardLayout runat="server" ActiveItem="GridPanel1">
                    <ext:GridPanel 
                        ID="GridPanel1" 
                        runat="server" 
                        StoreID="Store1" 
                        Title="GridPanel1">
                        <ColumnModel runat="server">
                            <Columns>
                                <ext:Column Header="Test" DataIndex="test" />
                            </Columns>
                        </ColumnModel>
                    </ext:GridPanel>
                    <ext:GridPanel 
                        ID="GridPanel2" 
                        runat="server" 
                        StoreID="Store2" 
                        Title="GridPanel2">
                        <ColumnModel runat="server">
                            <Columns>
                                <ext:Column Header="Test" DataIndex="test" />
                            </Columns>
                        </ColumnModel>
                    </ext:GridPanel>
                </ext:CardLayout>
            </Body>
        </ext:Panel>
        <ext:ComboBox runat="server">
            <Items>
                <ext:ListItem Value="={0}" Text="GridPanel1" />
                <ext:ListItem Value="={1}" Text="GridPanel2" />
            </Items>
            <SelectedItem Value="={0}" />
            <Listeners>
                <Select Handler="PanelMain.layout.setActiveItem(index)" />
            </Listeners>
        </ext:ComboBox>
        </form>
    </body>
    </html>

Similar Threads

  1. [CLOSED] Add webpage in FitLayout
    By Sevilay Tanış in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 06, 2012, 3:02 PM
  2. [CLOSED] Masterpage FitLayout
    By Neil_Walters in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 11, 2010, 11:51 AM
  3. [CLOSED] FitLayout & masterpages
    By GmServizi in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 22, 2009, 6:11 AM
  4. [CLOSED] FitLayout problem?
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 21, 2009, 10:47 AM
  5. [CLOSED] Two GridPanel's in FitLayout
    By Zarzand in forum 1.x Help
    Replies: 2
    Last Post: Oct 28, 2008, 11:26 AM

Posting Permissions