Mar 04, 2013, 7:45 PM
[CLOSED] [#157] ButtonGroup causing panel refresh issue
I was amazed at how long it has been since I updated from SVN. I upgraded to Revision 4856 last Wednesday 2/28/2013 and had several issues. I have been working through some of them but have one left. Here is one dealing with ButtonGroups and embedded panel and layouts.
Press the View button on the Bottom Bar.
If you remove the ButtonGroup and just put the buttons on the TopBar everything works fine.
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Viewport with BorderLayout - Ext.NET Examples</title>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel runat="server" Title="West" Region="West" Layout="AccordionLayout" Width="225"
MinWidth="225" MaxWidth="400" Split="true" Collapsible="true">
<Items>
<ext:Panel runat="server" Title="Navigation" Border="false" BodyPadding="6" Icon="FolderGo" />
<ext:Panel runat="server" Title="Settings" Border="false" BodyPadding="6" Icon="FolderWrench" />
</Items>
</ext:Panel>
<ext:Panel ID="ExternalPanelCenter" runat="server" Title="External Panel - Center"
Icon="Book" Region="Center" Layout="BorderLayout" Border="false">
<Items>
<ext:Panel ID="InternalPanelCenter" runat="server" Region="Center" Title="Internal Panel - Center">
<Items>
</Items>
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:ToolbarFill runat="server" />
<ext:ButtonGroup runat="server" StyleSpec="background-color: #CFFFCF;">
<Items>
<ext:Button runat="server" Text="A" Icon="ArrowLeft" />
<ext:Button runat="server" Text="B" Icon="ArrowRight" />
</Items>
</ext:ButtonGroup>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
</Items>
</ext:Toolbar>
</TopBar>
<BottomBar>
<ext:PagingToolbar runat="server">
<Items>
<ext:Button runat="server" Text="Show">
<Listeners>
<Click Handler="App.InternalPanelSouth.show();" />
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Hide">
<Listeners>
<Click Handler="App.InternalPanelSouth.hide();" />
</Listeners>
</ext:Button>
</Items>
</ext:PagingToolbar>
</BottomBar>
</ext:Panel>
<ext:Panel ID="InternalPanelSouth" runat="server" ClientIDMode="Static" Region="South"
Title="Internal Panel - South" Icon="ChartBar" Height="240" Hidden="true" Split="true"
Collapsible="true" Collapsed="false" Layout="BorderLayout" HideCollapseTool="true"
TitleCollapse="true" Header="false" Border="false">
<Items>
<ext:FormPanel runat="server" Region="Center" Layout="AnchorLayout" DefaultAnchor="100%"
BodyPadding="5" Icon="BookMagnify" Title="Form Details" AutoScroll="true">
</ext:FormPanel>
<ext:TabPanel ID="TabPanel1" runat="server" Border="false" Region="East" Split="true" Width="100"
HideCollapseTool="true" TitleCollapse="true" Collapsible="true" Title="Summary & Status Items"
Header="false">
<Items>
</Items>
</ext:TabPanel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</body>
</html>
If I build against Revision 4671 (12/13/2012) it looks good, but when I build it against 4672 (12/13/2012) the InternalPanelCenter does not refresh completely. Revision 4672 included ExtJS 4.2 beta. Any thoughts?Press the View button on the Bottom Bar.
If you remove the ButtonGroup and just put the buttons on the TopBar everything works fine.
Last edited by Baidaly; Mar 15, 2013 at 2:50 AM.
Reason: [CLOSED] [#157]