Aug 31, 2010, 5:45 PM
[CLOSED] Tab Strip Not Displaying Correctly
Hello.
I have a button that unhides a panel which displays a tabstrip. When the initial state of the panel is set to Hidden=False, when the user clicks the Unhide Panel button, the tab strip does not display correctly.
Sample code is attached.
I have a button that unhides a panel which displays a tabstrip. When the initial state of the panel is set to Hidden=False, when the user clicks the Unhide Panel button, the tab strip does not display correctly.
Sample code is attached.
<%@ Page Language="vb" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
Protected Sub MarketValueGo_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles MarketValueGo.Click
Dim data As New List(Of Object)
Dim x As Integer = 1
While x < 100
data.Add(New With {.Description_vc = "Howard the Duck Household", .MarketValue_fl = 321312.02, .Allocation_fl = 1321.24})
x += 1
End While
Me.MarketValueStore.DataSource = data
Me.MarketValueStore.DataBind()
End Sub
Protected Sub ShowHidePanel_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles ShowHidePanel.Click
ResultDetailsPanel.Hidden = False
Viewport1.Call("doLayout")
End Sub
</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></title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<form id="form1" runat="server">
<div>
<ext:Viewport ID="Viewport1" runat="server">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<North>
<ext:Panel ID="Panel1" runat="server" Border="false" Height="160">
<Items>
<ext:Button ID="ShowHidePanel" runat="server" Icon="PlayBlue" Text="Show Panel">
<DirectEvents>
<Click OnEvent="ShowHidePanel_Click">
<EventMask ShowMask="true" />
</Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:Panel>
</North>
<Center>
<ext:Panel ID="ResultsPanel" runat="server" Border="false" />
</Center>
<South>
<ext:Panel ID="ResultDetailsPanel" runat="server" Border="false" Height="300" Hidden="true">
<Content>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:Panel ID="CardPanel" runat="server" Layout="card" ActiveIndex="0">
<TopBar>
<ext:Toolbar ID="Toolbar2" runat="server">
<Items>
<ext:TabStrip ID="TabStrip1" runat="server">
<Items>
<ext:TabStripItem ActionItemID="MarketValuePanel" runat="server" Title="Market Value" />
<ext:TabStripItem ActionItemID="PerformancePanel" runat="server" Title="Performance" />
<ext:TabStripItem ActionItemID="QuickReportsPanel" runat="server" Title="Quick Reports" />
<ext:TabStripItem ActionItemID="ReportingPanel" runat="server" Title="Reporting" />
</Items>
</ext:TabStrip>
<ext:ToolbarFill ID="ToolbarFill2" runat="server" />
<ext:Label ID="Description" runat="server" Text="Will Smith Household" Cls="detailHeader" />
<ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="5" />
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:Panel ID="MarketValuePanel" runat="server" Title="Market Value" Header="false"
Layout="Fit">
<TopBar>
<ext:Toolbar ID="Toolbar4" runat="server">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
<ext:Panel ID="HoldingsPanel" runat="server" Border="false" Layout="Fit">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:Button ID="MarketValueGo" runat="server" Text="GO" Icon="PlayGreen">
<DirectEvents>
<Click OnEvent="MarketValueGo_Click">
<EventMask ShowMask="true" />
</Click>
</DirectEvents>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:FitLayout ID="FitLayout2" runat="server">
<Items>
<ext:GridPanel ID="MarketValueGridPanel" runat="server" AutoExpandColumn="Description_vc">
<Store>
<ext:Store ID="MarketValueStore" runat="server">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="Description_vc" Type="String" />
<ext:RecordField Name="MarketValue_fl" Type="Float" />
<ext:RecordField Name="Allocation_fl" Type="Float" />
</Fields>
</ext:JsonReader>
</Reader>
<AutoLoadParams>
<ext:Parameter Name="start" Value="0" Mode="Raw" />
<ext:Parameter Name="limit" Value="20" Mode="Raw" />
</AutoLoadParams>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="Description" Header="Description" DataIndex="Description_vc"
Width="300" />
<ext:Column ColumnID="MarketValue" Header="Market Value" DataIndex="MarketValue_fl" />
<ext:Column ColumnID="Allocation" Header="Allocation" DataIndex="Allocation_fl" />
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar ID="MarketValuePagingToolBar" runat="server" PageSize="20" HideRefresh="true" />
</BottomBar>
<LoadMask ShowMask="true" />
</ext:GridPanel>
</Items>
</ext:FitLayout>
</Items>
</ext:Panel>
</Content>
</ext:Panel>
<ext:Panel ID="PerformancePanel" runat="server" Title="Performance" Header="false">
<TopBar>
<ext:Toolbar ID="Toolbar5" runat="server">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
Performance Stuff
</Content>
</ext:Panel>
<ext:Panel ID="QuickReportsPanel" runat="server" Title="Quick Reports" Header="false">
<TopBar>
<ext:Toolbar ID="Toolbar6" runat="server">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
Quick Reports Stuff
</Content>
</ext:Panel>
<ext:Panel ID="ReportingPanel" runat="server" Title="Reporting" Header="false">
<TopBar>
<ext:Toolbar ID="Toolbar7" runat="server">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Content>
Reporting Stuff
</Content>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:FitLayout>
</Content>
</ext:Panel>
</South>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</div>
</form>
</body>
</html>
Last edited by Daniil; Sep 01, 2010 at 1:45 PM.
Reason: [CLOSED]
