Oct 19, 2011, 8:36 AM
[CLOSED] Multiheader issue in Tab Panel
Hi,
In a tab panel I have added multiheader gridpanel in each tab. While loading the page, only one multiheader first one is showing controls, where as rest of grid panels showing only multiheader row but not controls in it.
In a tab panel I have added multiheader gridpanel in each tab. While loading the page, only one multiheader first one is showing controls, where as rest of grid panels showing only multiheader row but not controls in it.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ExtMultiHeaderTesting.aspx.vb" Inherits="Testing_ExtMultiHeaderTesting" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" 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 id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="resMngr" runat="server" />
<ext:Store ID="StoreConditions" runat="server">
<Reader>
<ext:JsonReader IDProperty="CONDITION_ID">
<Fields>
<ext:RecordField Name="RECORD_ID" />
<ext:RecordField Name="CONDITION_ID" />
<ext:RecordField Name="CONDITION_RANK" />
<ext:RecordField Name="APPLICATION_ID" />
<ext:RecordField Name="CATEGORY_ID" />
<ext:RecordField Name="CONDITION" />
<ext:RecordField Name="CONDITION_STATUS_ID" />
<ext:RecordField Name="CONDITION_DUE_ID" />
<ext:RecordField Name="LOAN_STATUS" />
<ext:RecordField Name="RECEIVED_DATE" />
<ext:RecordField Name="CONDITION_TYPE" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Store ID="storeLoanStatuses" runat="server">
<Reader>
<ext:JsonReader IDProperty="LOANSTATUS_ID">
<Fields>
<ext:RecordField Name="LOANSTATUS_ID" />
<ext:RecordField Name="LoanStatusDesc" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Store ID="storeDocsDelete" runat="server">
<Reader>
<ext:JsonReader IDProperty="DOCUMENT_ID">
<Fields>
<ext:RecordField Name="DOCUMENT_ID" />
<ext:RecordField Name="CONDITION_ID" />
<ext:RecordField Name="CONDITION" />
<ext:RecordField Name="PAGECOUNT" />
<ext:RecordField Name="RECEIVED_DATE" />
<ext:RecordField Name="LOAN_STATUS" />
<ext:RecordField Name="DOCUMENT_LOCATION" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Store ID="storeComments" runat="server">
<Reader>
<ext:JsonReader IDProperty="RECORD_ID">
<Fields>
<ext:RecordField Name="RECORD_ID" />
<ext:RecordField Name="COMMENT" />
<ext:RecordField Name="COMMENT_BY" />
<ext:RecordField Name="COMMENT_DATE" />
<ext:RecordField Name="COMMENT_TYPE" />
<ext:RecordField Name="COMMENTTYPE" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Viewport ID="Viewport1" runat="server" Layout="Border">
<Items>
<ext:TabPanel ID="pnlbackground" runat="server" Region="Center" Border="false">
<Items>
<ext:Panel ID="pnlConditions" Title="Conditions Types" runat="server" BodyStyle="background-color:#ffffff"
Border="false" Layout="CardLayout">
<TopBar>
<ext:Toolbar ID="tbLS" runat="server">
<Items>
<ext:Button ID="btnAddCondition" runat="server" Text="Add Condition" Icon="Add" IconAlign="Left">
<DirectEvents>
<Click OnEvent="AddNewCondition">
<EventMask ShowMask="true" Msg="Loading..." />
</Click>
</DirectEvents>
</ext:Button>
<ext:ToolbarSeparator>
</ext:ToolbarSeparator>
<ext:Button ID="btnDeleteCondition" runat="server" Text="Delete Condition" Icon="Delete"
IconAlign="Left">
<DirectEvents>
<Click OnEvent="DeleteCondition">
<EventMask ShowMask="true" Msg="Loading..." />
</Click>
</DirectEvents>
</ext:Button>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="pnlCommon" runat="server" Border="false" Region="Center" Layout="BorderLayout"
BodyStyle="background-color:#ffffff">
<Items>
<ext:Panel ID="pnlInputs" runat="server" BodyStyle="background-color:#d9d9d9" Region="Center"
Border="true" AutoScroll="true" Margins="5,5,5,5">
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server" Height="28">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
</Items>
</ext:Panel>
<ext:Panel ID="pnlGrid" runat="server" Region="South" Collapsible="true" Collapsed="true"
Title="View Existing Conditions" MinHeight="240" Margins="5,5,5,5" BodyStyle="background-color:#d9d9d9" Layout="BorderLayout">
<Items>
<ext:GridPanel ID="gpConditions" runat="server" Region="Center" StoreID="StoreConditions"
AutoExpandColumn="CONDITION" BodyStyle="background-color:#DFE8F6">
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column Header="Condition Name" DataIndex="CONDITION">
</ext:Column>
<ext:Column Header="Conditions For Loan Status" DataIndex="LOAN_STATUS" Width="150"
Fixed="true">
</ext:Column>
<ext:Column Header="Added Date" DataIndex="RECEIVED_DATE" Css="columnAlignCenter">
</ext:Column>
<ext:CommandColumn Header="Delete">
<Commands>
<ext:GridCommand Icon="Delete" CommandName="delCondition" Text="">
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView1" runat="server">
<HeaderRows>
<ext:HeaderRow>
<Columns>
<ext:HeaderColumn>
<Component>
<ext:TriggerField ID="txtCondSearch" runat="server">
<Triggers>
<ext:FieldTrigger Icon="Search" />
</Triggers>
</ext:TriggerField>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:ComboBox ID="ddlLoanStatusOptions" runat="server" TriggerAction="All" Mode="Local">
</ext:ComboBox>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:DateField ID="txtDateSearch" runat="server">
</ext:DateField>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:Label ID="Label4" runat="server">
</ext:Label>
</Component>
</ext:HeaderColumn>
</Columns>
</ext:HeaderRow>
</HeaderRows>
</ext:GridView>
</View>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="pnlCondDel" runat="server" Layout="BorderLayout" Margins="5,5,5,5"
Border="false" BodyStyle="background-color:#ffffff">
<Items>
<ext:GridPanel ID="grdDelConds" runat="server" Region="Center" StoreID="StoreConditions"
AutoExpandColumn="CONDITION" Height="412" Margins="5,5,5,5">
<SelectionModel>
<ext:CheckboxSelectionModel>
</ext:CheckboxSelectionModel>
</SelectionModel>
<ColumnModel>
<Columns>
<ext:Column Header="Condition Name" DataIndex="CONDITION">
</ext:Column>
<ext:Column Header="Received Date" DataIndex="RECEIVED_DATE" Css="columnAlignCenter">
</ext:Column>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="pnlDocuments" Title="Documents" runat="server" BodyStyle="background-color:#ffffff"
Border="false" Layout="CardLayout">
<TopBar>
<ext:Toolbar ID="lbDocs" runat="server">
<Items>
<ext:Button ID="btnAddDocs" runat="server" Text="Upload Documents" Icon="Add" IconAlign="Left">
<DirectEvents>
<Click OnEvent="ShowDocsToUpload">
<EventMask ShowMask="true" Msg="Loading..." />
</Click>
</DirectEvents>
</ext:Button>
<ext:ToolbarSeparator>
</ext:ToolbarSeparator>
<ext:Button ID="btnDelDocs" runat="server" Text="Delete Documents" Icon="Delete"
IconAlign="Left">
<DirectEvents>
<Click OnEvent="ShowDocsToDelete">
<EventMask ShowMask="true" Msg="Loading..." />
</Click>
</DirectEvents>
</ext:Button>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="pnlDocsCommon" runat="server" Border="false" Region="Center" Layout="BorderLayout"
BodyStyle="background-color:#ffffff" Height="415">
<Items>
<ext:Panel ID="pnlDocsInputs" runat="server" BodyStyle="background-color:#d9d9d9"
Region="Center" AutoScroll="true" Layout="BorderLayout" Margins="5,5,5,5">
<TopBar>
<ext:Toolbar ID="Toolbar3" runat="server" Height="28">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="pnlFlexDocs" runat="server" Layout="VBoxLayout" MonitorResize="true"
Region="Center" Border="false" BodyStyle="background-color:#d9d9d9" Margins="5,5,5,5">
<Defaults>
<ext:Parameter Name="margins" Value="0 0 0 0" Mode="Value" />
</Defaults>
<LayoutConfig>
<ext:VBoxLayoutConfig Padding="5" Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Panel ID="pnlUploadDocs" runat="server" Flex="1" Width="650" Border="false"
BodyStyle="background-color:#d9d9d9" AutoScroll="true" Margins="5,5,5,5">
<Items>
</Items>
</ext:Panel>
<ext:BoxComponent ID="bcDocs1" Height="4" runat="server">
</ext:BoxComponent>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="pnlDocsGrid" runat="server" Region="South" Collapsed="true" Collapsible="true"
MinHeight="240" Title="View Existing Uploads" BodyStyle="background-color:#d9d9d9"
Margins="5,5,5,5">
<Items>
<ext:GridPanel ID="grdDocument" runat="server" Height="215" StoreID="storeDocsDelete"
AutoExpandColumn="CONDITION" BodyStyle="background-color:#DFE8F6">
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel2" runat="server" SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<ColumnModel ID="ColumnModel2" runat="server">
<Columns>
<ext:Column Header="Condition Name" DataIndex="CONDITION">
</ext:Column>
<ext:Column Header="Conditions For Loan Status" DataIndex="LOAN_STATUS" Width="150"
Fixed="true">
</ext:Column>
<ext:Column Header="Added Date" DataIndex="RECEIVED_DATE" Css="columnAlignCenter">
</ext:Column>
<ext:CommandColumn Header="View Document" Width="120">
<Commands>
<ext:GridCommand Icon="PageAttach" CommandName="viewDoc" Text="View Document" ToolTip-Text="Click to View">
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
<ext:CommandColumn Header="Delete" Width="50">
<Commands>
<ext:GridCommand Icon="Delete" CommandName="delDoc" Text="" ToolTip-Text="Click to Delete">
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView2" runat="server">
<HeaderRows>
<ext:HeaderRow>
<Columns>
<ext:HeaderColumn>
<Component>
<ext:TriggerField ID="txtDocsCondSearchOptions" runat="server">
<Triggers>
<ext:FieldTrigger Icon="Search" />
</Triggers>
</ext:TriggerField>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:ComboBox ID="ddlDocsLoanStatusOptions" runat="server" TriggerAction="All" Mode="Local">
</ext:ComboBox>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:DateField ID="txtDocsDateSearchOptions" runat="server">
</ext:DateField>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:Label ID="Label2" runat="server">
</ext:Label>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:Label ID="Label1" runat="server">
</ext:Label>
</Component>
</ext:HeaderColumn>
</Columns>
</ext:HeaderRow>
</HeaderRows>
</ext:GridView>
</View>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="pnlDocsDelete" runat="server" Layout="BorderLayout" Margins="5,5,5,5"
Height="415" Border="false" BodyStyle="background-color:#ffffff">
<Items>
<ext:GridPanel ID="grdDocsDelete" runat="server" Region="Center" StoreID="storeDocsDelete"
AutoExpandColumn="CONDITION" Height="412" Title="Delete Documents" Margins="5,5,5,5">
<SelectionModel>
<ext:CheckboxSelectionModel>
</ext:CheckboxSelectionModel>
</SelectionModel>
<ColumnModel>
<Columns>
<ext:Column Header="Condition Name" DataIndex="CONDITION">
</ext:Column>
<ext:Column Header="Page Count" DataIndex="PAGECOUNT" Width="100">
</ext:Column>
<ext:Column Header="Received Date" DataIndex="RECEIVED_DATE" Css="columnAlignCenter">
</ext:Column>
</Columns>
</ColumnModel>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
<ext:Panel ID="pnlComments" Title="Comments" runat="server" BodyStyle="background-color:#ffffff"
Border="false" Layout="BorderLayout">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="btnAddNewComments" runat="server" Text="Add New Comments" Icon="Add"
IconAlign="Left">
</ext:Button>
<ext:ToolbarFill>
</ext:ToolbarFill>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="pnlCmtsCommon" runat="server" Border="false" Region="Center" Layout="BorderLayout"
BodyStyle="background-color:#ffffff">
<Items>
<ext:FormPanel ID="pnlCmtsInputs" runat="server" BodyStyle="background-color:#d9d9d9"
Region="Center" Margins="5,5,5,5" Padding="5" Layout="Center">
<TopBar>
<ext:Toolbar ID="Toolbar4" runat="server" Height="28">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:FieldSet ID="fsAddComments" runat="server" Title="Add General Processing Comments"
Collapsible="false" Margins="5,5,5,5" Padding="10" Layout="BorderLayout">
<Items>
<ext:Panel ID="pnlCmtTop" runat="server" BodyStyle="background-color:#d9d9d9" Height="5"
Region="North" Border="false">
</ext:Panel>
<ext:TextArea ID="txtComments" runat="server" Region="Center" AutoScroll="true">
</ext:TextArea>
</Items>
</ext:FieldSet>
</Items>
</ext:FormPanel>
<ext:Panel ID="pnlCmtsGrid" runat="server" Region="South" Collapsed="true" Collapsible="true"
MinHeight="240" Title="View Existing Comments" BodyStyle="background-color:#d9d9d9" Layout="BorderLayout"
Margins="5,5,5,5">
<Items>
<ext:GridPanel ID="grdAllComments" runat="server" Region="Center" StoreID="storeComments"
AutoExpandColumn="COMMENT" BodyStyle="background-color:#DFE8F6">
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel3" runat="server" SingleSelect="true">
</ext:RowSelectionModel>
</SelectionModel>
<ColumnModel ID="ColumnModel3" runat="server">
<Columns>
<ext:TemplateColumn Width="25">
<Template ID="Template1" runat="server">
<Html>
<img src="Images//post.gif" />
</Html>
</Template>
</ext:TemplateColumn>
<ext:Column Header="Comment" DataIndex="COMMENT">
</ext:Column>
<ext:Column Header="Comments By" DataIndex="COMMENT_BY">
</ext:Column>
<ext:Column Header="Comment Date" DataIndex="COMMENT_DATE" Width="120">
</ext:Column>
<ext:Column Header="Comment Type" DataIndex="COMMENTTYPE" Width="120">
</ext:Column>
</Columns>
</ColumnModel>
<View>
<ext:GridView ID="GridView3" runat="server">
<HeaderRows>
<ext:HeaderRow>
<Columns>
<ext:HeaderColumn>
<Component>
<ext:Label ID="Label3" runat="server">
</ext:Label>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:TriggerField ID="txtCommentSearch" runat="server">
<Triggers>
<ext:FieldTrigger Icon="Search" />
</Triggers>
</ext:TriggerField>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:ComboBox ID="cboHeaderCommentBy" runat="server" TriggerAction="All" Mode="Local">
</ext:ComboBox>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:DateField ID="txtHeaderCommentDate" runat="server">
</ext:DateField>
</Component>
</ext:HeaderColumn>
<ext:HeaderColumn>
<Component>
<ext:ComboBox ID="cboHeaderCommentsType" runat="server" TriggerAction="All" Mode="Local">
</ext:ComboBox>
</Component>
</ext:HeaderColumn>
</Columns>
</ext:HeaderRow>
</HeaderRows>
</ext:GridView>
</View>
</ext:GridPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Code behind...
Imports Ext.Net
Partial Class Testing_ExtMultiHeaderTesting
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Ext.Net.X.IsAjaxRequest Then
Call ShowDefaults()
End If
End Sub
Public Sub ShowDefaults()
pnlbackground.SetActiveTab(0)
pnlConditions.ActiveIndex = 0
pnlDocuments.ActiveIndex = 0
End Sub
Public Sub AddNewCondition(ByVal sender As Object, ByVal e As DirectEventArgs)
pnlConditions.ActiveIndex = 0
End Sub
Public Sub DeleteCondition(ByVal sender As Object, ByVal e As DirectEventArgs)
pnlConditions.ActiveIndex = 1
End Sub
Public Sub ShowDocsToUpload(ByVal sender As Object, ByVal e As DirectEventArgs)
pnlDocuments.ActiveIndex = 0
End Sub
Public Sub ShowDocsToDelete(ByVal sender As Object, ByVal e As DirectEventArgs)
pnlDocuments.ActiveIndex = 1
End Sub
End Class
Last edited by Daniil; Oct 19, 2011 at 3:50 PM.
Reason: [CLOSED]