[CLOSED] Autosize Grids

  1. #1

    [CLOSED] Autosize Grids

    How do I get the 2 grids in my sample to automatically fit inside the available outer panel (Panel1). Width is working but the height of the grid will not autosize to the available space in the column.

    I have tried multiple ways with panels and fit layouts but not got it to work yet.

    Cheers

    Rob


    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="RHTest.aspx.vb" Inherits="RHTest" %>
    
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    <%@ Register Src="~\Controls\SecureTextEntry.ascx" TagName="SecureTextEntry" TagPrefix="STE" %>
    <!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 id="Head1" runat="server">
      <title></title>
      <ext:Store ID="StoreCategories" runat="server">
        <Reader>
          <ext:JsonReader>
            <Fields>
              <ext:RecordField Name="CategoryID" Type="Int" />
              <ext:RecordField Name="Description" Type="String" />
              <ext:RecordField Name="StatusString" Type="String" />
            </Fields>
          </ext:JsonReader>
        </Reader>
        <SortInfo Field="Description" Direction="ASC" />
      </ext:Store>
      <ext:Store ID="StoreSubCategories" runat="server">
        <Reader>
          <ext:JsonReader>
            <Fields>
              <ext:RecordField Name="SubCategoryID" Type="Int" />
              <ext:RecordField Name="CategoryID" Type="Int" />
              <ext:RecordField Name="Description" Type="String" />
              <ext:RecordField Name="StatusString" Type="String" />
            </Fields>
          </ext:JsonReader>
        </Reader>
        <SortInfo Field="Description" Direction="ASC" />
      </ext:Store>
    </head>
    <body>
      <form id="form1" runat="server">
      <ext:ScriptManager ID="ResourceManager1" runat="server" />
      <ext:Panel runat="server" Height="600" Width="900" ID="Panel1">
        <Body>
          <ext:FitLayout ID="FitLayout1" runat="server">
            <ext:Panel runat="server" ID="pnlTop">
              <Body>
                <ext:ColumnLayout ID="col1" runat="server">
                  <ext:LayoutColumn ColumnWidth=".5">
                    <ext:GridPanel ID="grdCategories" runat="server" StoreID="StoreCategories" StripeRows="true"
                      Border="true" Header="true" Title="Categories" TrackMouseOver="true" AutoExpandColumn="Description"
                      EnableHdMenu="false">
                      <ColumnModel ID="ColumnModel1" runat="server">
                        <Columns>
                          <ext:Column ColumnID="CategoryID" Header="ID" DataIndex="CategoryID" Hidden="false" />
                          <ext:Column ColumnID="Description" Header="" DataIndex="Description" />
                          <ext:Column Header="Status" DataIndex="StatusString" Hidden="true" />
                        </Columns>
                      </ColumnModel>
                    </ext:GridPanel>
                  </ext:LayoutColumn>
                  <ext:LayoutColumn ColumnWidth=".5">
                    <ext:GridPanel ID="GridPanel1" runat="server" StoreID="StoreSubCategories" StripeRows="true"
                      Border="true" Header="true" Title="Sub Categories" TrackMouseOver="true" AutoExpandColumn="Description"
                      EnableHdMenu="false">
                      <ColumnModel ID="ColumnModel2" runat="server">
                        <Columns>
                          <ext:Column ColumnID="SubCategoryID" Header="SubCatID" DataIndex="SubCategoryID"
                            Hidden="false" />
                          <ext:Column ColumnID="CategoryID" Header="CatID" DataIndex="CategoryID" Hidden="false" />
                          <ext:Column ColumnID="Description" Header="" DataIndex="Description" />
                          <ext:Column Header="Status" DataIndex="StatusString" Hidden="true" />
                        </Columns>
                      </ColumnModel>
                    </ext:GridPanel>
                  </ext:LayoutColumn>
                </ext:ColumnLayout>
              </Body>
            </ext:Panel>
          </ext:FitLayout>
        </Body>
      </ext:Panel>
      </form>
    </body>
    </html>
  2. #2

    RE: [CLOSED] Autosize Grids

    Hi,

    Please set FitHeight="true" for the ColumnLayout
  3. #3

    RE: [CLOSED] Autosize Grids

    Solved Thanks

Similar Threads

  1. [CLOSED] ext:Window Loader Autosize
    By supera in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Sep 05, 2016, 7:07 PM
  2. [CLOSED] Dynamic GridPanel - AutoSize every column?
    By vaultview in forum 1.x Legacy Premium Help
    Replies: 27
    Last Post: Mar 12, 2013, 1:37 PM
  3. Combobox autoSize to List width
    By johnsoftinfos in forum 1.x Help
    Replies: 4
    Last Post: Dec 10, 2010, 8:45 AM
  4. Help! usercontrol do't autosize
    By st.leo in forum 1.x Help
    Replies: 2
    Last Post: Nov 15, 2010, 6:27 AM
  5. Autosize GridPanel inside UserControl
    By petlun in forum 1.x Help
    Replies: 3
    Last Post: Dec 19, 2008, 6:16 PM

Posting Permissions