Nov 13, 2012, 8:03 AM
[CLOSED] Show no expandable panel in accordion layout panel
Hi guys,
I have a panel with AccordionLayout, same : https://examples2.ext.net/#/Layout/A...iginal_Header/.
Initially, i have 1 panel show in accordion and 3 hidden. I show/hide the last 3 panels with GridRowSelection (associated to javascript function)
Actually, when i show a hidden panel and hide show panel, my first panel isn't display. I want the first panel doesn't move and keep display.
Sample :
Yoann
I have a panel with AccordionLayout, same : https://examples2.ext.net/#/Layout/A...iginal_Header/.
Initially, i have 1 panel show in accordion and 3 hidden. I show/hide the last 3 panels with GridRowSelection (associated to javascript function)
Actually, when i show a hidden panel and hide show panel, my first panel isn't display. I want the first panel doesn't move and keep display.
Sample :
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Original Header - Ext.NET Examples</title>
<script language="javascript" type="text/javascript">
var testButton1 = function ()
{
Ext.getCmp('Panel4').show();
Ext.getCmp('Panel5').hide();
}
var testButton2 = function ()
{
Ext.getCmp('Panel5').show();
Ext.getCmp('Panel4').hide();
}
</script>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="Border">
<Items>
<ext:Panel ID="Panel1" runat="server" Width="300" Border="false" Region="West" Layout="Fit"
BodyPadding="5">
<Items>
<ext:Panel ID="Panel2" runat="server" Layout="Accordion" Margins="0 0 15 0">
<LayoutConfig>
<ext:AccordionLayoutConfig OriginalHeader="true" />
</LayoutConfig>
<Items>
<ext:Panel ID="Panel3" runat="server" Title="Item 1" Border="false">
<Items>
<ext:Button Text="ButShowPanel4" runat="server">
<Listeners>
<Click Handler="testButton1();" />
</Listeners>
</ext:Button>
<ext:Button Text="ButShowPanel5" runat="server">
<Listeners>
<Click Handler="testButton2();" />
</Listeners>
</ext:Button>
</Items>
</ext:Panel>
<ext:Panel ID="Panel4" runat="server" Title="Item 2" Border="false">
<Listeners>
<Render Handler="#{Panel4}.hide();" />
</Listeners>
</ext:Panel>
<ext:Panel ID="Panel5" runat="server" Title="Item 3" Border="false">
<Listeners>
<Render Handler="#{Panel5}.hide();" />
</Listeners>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</body>
</html>
RegardsYoann
Last edited by Daniil; Nov 13, 2012 at 4:11 PM.
Reason: [CLOSED]