Apr 07, 2010, 11:26 AM
[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
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>