[CLOSED] Hide and Show a Tab in Select Event of a ComboBox

[pdcase]

Hi, I Wish to Hide and Show a Tab in Select Event of a ComboBox.

Remember i am using TabPanel with DeferredRender property set to false.

The Code Below don´t work and dont throw any Javascript Exception:

Presentation Code:

  
 <ext:TabPanel ID="tpLinhaCredito" runat="server" ActiveTabIndex="0" DeferredRender="false"
                                LayoutOnTabChange="true">
                                <Items>
 <ext:FormPanel ID="frmPnlGeral" Title="Geral" runat="server" Frame="true" Disabled="true"
                                        AutoScroll="true" HideMode="Offsets">                                        
                                        <Items>                                           
                                             <ext:Container runat="server" Layout="hbox">
                                                        <Defaults>
                                                            <ext:Parameter Name="margins" Value="5 5 5 5" />
                                                            <ext:Parameter Name="labelAlign" Value="top" />
                                                        </Defaults>
                                                        <Items>
                                                            <ext:Container runat="server" Layout="Form" Width="300">
                                                                <Items>
                                                                      <ext:ComboBox ID="cmbGeralOrigemRecurso" runat="server" StoreID="StoreOrigemRecurso"
                                                                        DisplayField="DescricaoCompleta" ValueField="Codigo" TypeAhead="true" Mode="Local"
                                                                        EmptyText="<%$ Resources:Mensagens, SUPORTE_MSG_SELECIONE %>" AnchorHorizontal="100%"
                                                                        FieldLabel="Origem do Recurso" AllowBlank="false" Editable="true" StyleSpec="text-transform:uppercase;">
                                                                        <DirectEvents>
                                                                            <Select OnEvent="cmbGeralOrigemRecurso_Select">
                                                                                <EventMask ShowMask="true"/>
                                                                            </Select>
                                                                        </DirectEvents>
                                                                    </ext:ComboBox>
                                                                </Items>
                                                            </ext:Container>                                                            
                                                        </Items>
                                                    </ext:Container>                                                    
                                                </Items>
                                            </ext:FormPanel>
<ext:FormPanel ID="frmPnlRepasseDesconto" Title="Repasse/Desconto" runat="server"
                                        Frame="true" Disabled="true" AutoScroll="true" HideMode="Offsets" Hidden="true">
                                        <Items>
                                        </Items>
                                    </ext:FormPanel>
                                </Items>
                            </ext:TabPanel>

C# Code

protected void cmbGeralOrigemRecurso_Select(object sender, DirectEventArgs e)
        {
                     if (cmbGeralOrigemRecurso.SelectedItem.Value == "FDE" || cmbGeralOrigemRecurso.SelectedItem.Value == "FUNDOMUNIC")
                frmPnlRepasseDesconto.Hidden = false;
            else
                frmPnlRepasseDesconto.Hidden = true;    
        }

I Have tried another HideModes for this FormPanel and i tried to call DoLayout after show the tabPanel in c# code, but does not work

Any Idea?

[Daniil]

Hi pdcase,

The TabPanel doesn't support the initial hidden state.

Please look at this example how you could achieve this behavior.
https://examples1.ext.net/#/TabPanel/Basic/Show_Hide/

[pdcase]

It do not answer my question, because the user don´t will close the tab, the system have to do this according to a condition inside the select event of a combobox.

[Daniil]

Hi pdcase,

I can suggest you the following way.
Please look at the example.

Example

<%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void ComboBoxSelect(object sender, DirectEventArgs e)
    {
        if (ComboBox1.SelectedItem.Value == "show")
        {
            TabPanel1.Call("addTab", "Tab2");
        }
        else
        {
            TabPanel1.Call("closeTab", "Tab2");
        }
    }
</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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:TabPanel ID="TabPanel1" runat="server">
        <Items>
            <ext:Panel runat="server" Title="Tab1" Html="Tab1" />
            <ext:Panel 
                ID="Tab2" 
                runat="server"
                Title="Tab2" 
                Html="Tab2" 
                Hidden="true" 
                CloseAction="Hide" />
        </Items>
    </ext:TabPanel>
    <ext:ComboBox ID="ComboBox1" runat="server">
        <Items>
            <ext:ListItem Text="Show" Value="show" />
            <ext:ListItem Text="Hide" Value="hide" />
        </Items>
        <DirectEvents>
            <Select OnEvent="ComboBoxSelect" />
        </DirectEvents>
    </ext:ComboBox>
    </form>
</body>
</html>