Mar 12, 2010, 5:37 PM
[CLOSED] Page layout using layout controls.
Please tell me how can i get the second LayoutRow to fill the size of the entire view after the Panel in the first LayoutRow is Collasped.
I am trying have a layout that has a panel at the top that contain a name and description of a report and second Panel below that contains a filter form that should be in a formgroup to make it collapsible and a gridpanel below the second panel that takes up all the space below the second panel when its collasped or expanded.
I am trying have a layout that has a panel at the top that contain a name and description of a report and second Panel below that contains a filter form that should be in a formgroup to make it collapsible and a gridpanel below the second panel that takes up all the space below the second panel when its collasped or expanded.
<ext:Viewport ID="Viewport1" Layout="Fit" runat="server">
<Content>
<ext:BorderLayout runat="server">
<North Collapsible="false" Split="false">
<ext:Panel Title="Description" Height="80" ID="Panel1" runat="server">
<Items>
</Items>
</ext:Panel>
</North>
<Center>
<ext:Panel runat="server">
<Content>
<ext:RowLayout runat="server" RowHeight="0.2">
<Rows>
<ext:LayoutRow RowHeight="0.2">
<ext:Panel runat="server" Collapsible="true"><Items>
<ext:FitLayout runat="server">
<Items>
<ext:Panel Title="Filter" Height="80" ID="Panel2" runat="server">
<Content>
<UCReportSummaryFilterView:ReportSummaryFilterView ID="ReportSummaryFilterView" runat="server"/>
</Content>
</ext:Panel>
</Items>
</ext:FitLayout>
</Items></ext:Panel>
</ext:LayoutRow>
<ext:LayoutRow RowHeight="0.8">
<ext:Panel ID="Panel3" runat="server"><Items>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:GridPanel ID="GridPanelReportSummary" runat="server" StripeRows="true" Header="false" AutoExpandColumn="columnReportName" StoreID="ReportSummaryStore" Border="false">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="columnReportName" DataIndex="ReportName" Header="Report Name">
<Renderer Fn="ReportSummaryGrid.RenderColor" />
</ext:Column>
<ext:Column DataIndex="DateAssigned" ColumnID="columnDateAssigned" Header="Date Assigned" Align="Left" Groupable="true"/>
<ext:Column DataIndex="Period" ColumnID="columnPeriod" Header="Period" Align="Left" Groupable="true"/>
<ext:Column DataIndex="Status" ColumnID="columnStatus" Header="Status" Align="Left" Groupable="true" />
<ext:Column DataIndex="Count" ColumnID="columnCount" Header="Count" Align="Right" Groupable="true"/>
<ext:Column DataIndex="ProcessName" ColumnID="columnBusinessProcess" Header="Business Process" Groupable="true"/>
<ext:Column DataIndex="ReportType" ColumnID="columnReportType" Header="Report Type" Align="Left" Groupable="true"/>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
</SelectionModel>
<View>
<ext:GroupingView
ID="GroupingView1"
HideGroupedColumn="false"
runat="server"
ForceFit="true"
StartCollapsed="true"
EnableRowBody="true">
</ext:GroupingView>
</View>
<BottomBar>
<ext:PagingToolBar
ID="PagingToolBarReportSummary"
runat="server"
PageSize="100"
StoreID="ReportSummaryStore"
DisplayInfo="true"
/>
</BottomBar>
<Listeners>
<CellClick Fn="ReportSummaryGrid.CellClick" />
</Listeners>
<DirectEvents>
<CellClick OnEvent="ReportSummaryItem_Clicked" Failure="Ext.MessageBox.alert('Load failed', result.errorMessage);" Success="">
<ExtraParams>
<ext:Parameter Name="GridPanelReportSummaryData" Value="Ext.encode(#{GridPanelReportSummary}.getRowsValues({selectedOnly:true}))" Mode="Raw"></ext:Parameter>
</ExtraParams>
</CellClick>
</DirectEvents>
<LoadMask ShowMask ="true" />
</ext:GridPanel>
</Items>
</ext:FitLayout>
</Items>
</ext:Panel>
</ext:LayoutRow>
</Rows>
</ext:RowLayout>
</Content>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Content>
</ext:Viewport>