[CLOSED] [0.8.2] Tab Panel Issue

  1. #1

    [CLOSED] [0.8.2] Tab Panel Issue

    Hi vladimir,

    Yesterday, you solved mi issue (http://forums.ext.net/showthread.php...5614-16-1.aspx), I changed DeferredRender = "True" and now all combos are perfect (004 picture)... but at VHD Tab, there is a Fieldset that is not showed (005 pic and 006 pic).

    If DeferredRender = "False" at VHB Tab this FieldSet is showed but Combos aren't showed (yesterday post pictures), it's so strange...

    What can I do? Best regards.

  2. #2

    RE: [CLOSED] [0.8.2] Tab Panel Issue

    Hi,

    Please note that it is preferable to use layouts in the hidden areas (like inactive tab). It is prevent rendering inside hidden area (hidden area has no size therefore controls cannot determine own correct size). If you use layouts than control will be rendered after container show only

    Here is those two tabs (VHD and VHC) which were changed

    <ext:Tab ID="TabVHD" runat="server" Title="VHD" Height="300">
                        <Body>
                                    <ext:ColumnLayout ID="ColumnLayout5" runat="server">
                                        <ext:LayoutColumn>
                                            <ext:Panel ID="PanelARNVHD" runat="server" BodyStyle="padding:6px;" Border="false">
                                                <Body>
                                                    <ext:ContainerLayout runat="server">
                                                    <ext:FieldSet ID="FSARNVHDCual" runat="server" Title="ARN Cualitativo" Width="325">
                                                        <Body>
                                                            <ext:FormLayout ID="FormARNVHDCual" runat="server">
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Determinado" ID="ARN_VHD_CL_DeterminadoCheckbox"
                                                                        runat="server" LabelStyle="width:175px">
                                                                        <Listeners>
                                                                            <Check Handler="if (#{ARN_VHD_CL_DeterminadoCheckbox}.checked){#{ARN_VHD_CL_PositivoCheckbox}.enable();#{ARN_VHD_CL_IndetectableCheckbox}.enable();}else{#{ARN_VHD_CL_PositivoCheckbox}.disable();#{ARN_VHD_CL_PositivoCheckbox}.setValue(false); #{ARN_VHD_CL_IndetectableCheckbox}.disable();#{ARN_VHD_CL_IndetectableCheckbox}.setValue(false); }" />
                                                                        </Listeners>
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Positivo" ID="ARN_VHD_CL_PositivoCheckbox"
                                                                        runat="server" LabelStyle="width:175px">
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Indetectable" ID="ARN_VHD_CL_IndetectableCheckbox"
                                                                        runat="server" LabelStyle="width:175px">
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:FieldSet>
                                                    <ext:FieldSet ID="FSARNVHDCuan" runat="server" Title="ARN Cuantitativo" Width="325">
                                                        <Body>
                                                            <ext:FormLayout ID="FormARNVHDCuan" runat="server">
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Determinado" ID="ARN_VHD_CN_DeterminadoCheckbox"
                                                                        runat="server" LabelStyle="width:175px">
                                                                        <Listeners>
                                                                            <Check Handler="if (#{ARN_VHD_CN_DeterminadoCheckbox}.checked){#{ARN_VHD_CN_NumberField}.enable();}else{#{ARN_VHD_CN_NumberField}.disable();#{ARN_VHD_CN_NumberField}.setValue('0');}" />
                                                                        </Listeners>
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:NumberField FieldLabel="Unidades" ID="ARN_VHD_CN_NumberField"
                                                                        runat="server" EmptyText="0" AllowDecimals="true" DecimalPrecision="5" DecimalSeparator=","
                                                                        LabelStyle="width :175px" Width="50" Enabled="false">
                                                                    </ext:NumberField>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:FieldSet>
                                                    </ext:ContainerLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn>
                                            <ext:Panel ID="GENVHD" runat="server" BodyStyle="padding:6px;" Border="false">
                                                <Body>
                                                     <ext:ContainerLayout runat="server">
                                                    <ext:FieldSet ID="FSGENVHD" runat="server" Title="GEN" Width="325">
                                                        <Body>
                                                            <ext:FormLayout ID="FormLayout7" runat="server">
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Determinado" ID="GEN_VHD_DeterminadoCheckbox" runat="server"
                                                                        LabelStyle="width:175px">
                                                                        <Listeners>
                                                                            <Check Handler="if (#{GEN_VHD_DeterminadoCheckbox}.checked){#{GEN_VHD_Genotipos_VHDListBox}.enable();}else{#{GEN_VHD_Genotipos_VHDListBox}.disable();#{GEN_VHD_Genotipos_VHDListBox}.reset();}" />
                                                                        </Listeners>
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:MultiSelect FieldLabel="Genotipos" ID="GEN_VHD_Genotipos_VHDListBox"
                                                                        runat="server" MultiSelect="true" LabelStyle="width:175px" Enabled="false">
                                                                    </ext:MultiSelect>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:FieldSet>
                                                    </ext:ContainerLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                    </ext:ColumnLayout>
                                
                        </Body>
                    </ext:Tab>
                    <ext:Tab ID="TabVHC" runat="server" Title="VHC" Height="300">
                        <Body>
                                    <ext:ColumnLayout ID="ColumnLayout6" runat="server">
                                        <ext:LayoutColumn>
                                            <ext:Panel ID="PanelGENVHC" runat="server" BodyStyle="padding:6px;" Border="false">
                                                <Body>
                                                    <ext:ContainerLayout runat="server">
                                                    <ext:FieldSet ID="FSGENVHC" runat="server" Title="GEN" Width="325">
                                                        <Body>
                                                            <ext:FormLayout ID="FormGENVHC" runat="server">
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Determinado" ID="GEN_VHC_DeterminadoCheckbox" runat="server"
                                                                        LabelStyle="width:175px">
                                                                        <Listeners>
                                                                            <Check Handler="if (#{GEN_VHC_DeterminadoCheckbox}.checked){#{NumerosCombo}.enable();}else{#{NumerosCombo}.disable();#{NumerosCombo}.clearValue(); #{LetrasCombo}.disable();#{LetrasCombo}.clearValue();}" />
                                                                        </Listeners>
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:Panel ID="Panel2" runat="server" Border="false">
                                                                        <Body>
                                                                            <div style="width: 160px; float: left;">
                                                                                <div style="float: left; width: 62px;">
                                                                                    <label style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px;">
                                                                                        Número:</label>
    
                                                                                <div style="float: left; width: 62px;">
                                                                                    <ext:ComboBox FieldLabel="Genotipos" ID="NumerosCombo" runat="server" Mode="Local"
                                                                                        EmptyText="Numero..." BlankText="Numero..." Width="60" Enabled="false" LabelStyle="width:175px">
                                                                                        <Listeners>
                                                                                            <Select Handler="if (#{NumerosCombo}.getValue()!='') {#{LetrasCombo}.disable();#{LetrasCombo}.clearValue();#{LetrasStore}.reload();#{LetrasCombo}.enable();}" />
                                                                                        </Listeners>
                                                                                    </ext:ComboBox>
                                                                                
    
                                                                            
    
                                                                            <div style="width: 125px; float: left;">
                                                                                <div style="float: left; width: 62px;">
                                                                                    <label style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px;">
                                                                                        Letra:</label>
    
                                                                                <div style="float: left; width: 62px;">
                                                                                    <ext:ComboBox ID="LetrasCombo" runat="server" Mode="Local" StoreID="LetrasStore"
                                                                                        ValueField="Id" DisplayField="Letra" EmptyText="Letra..." BlankText="Letra..."
                                                                                        Width="60" Enabled="false">
                                                                                    </ext:ComboBox>
                                                                                
    
                                                                            
    
                                                                        </Body>
                                                                    </ext:Panel>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:FieldSet>
                                                    </ext:ContainerLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                        <ext:LayoutColumn>
                                            <ext:Panel ID="PanelARNVHC" runat="server" BodyStyle="padding:6px;" Border="false">
                                                <Body>
                                                    <ext:ContainerLayout runat="server">
                                                    <ext:FieldSet ID="FSARNVHC" runat="server" Title="ARN" Width="325">
                                                        <Body>
                                                            <ext:FormLayout ID="FormARNVHC" runat="server">
                                                                <ext:Anchor>
                                                                    <ext:Checkbox FieldLabel="Determinado" ID="ARN_VHC_CN_DeterminadoCheckbox"
                                                                        runat="server" LabelStyle="width:175px">
                                                                        <Listeners>
                                                                            <Check Handler="if (#{ARN_VHC_CN_DeterminadoCheckbox}.checked){#{ARN_VHC_CN_ValorNumberField}.enable();}else{#{ARN_VHC_CN_ValorNumberField}.disable();#{ARN_VHC_CN_ValorNumberField}.setValue('0');}" />
                                                                        </Listeners>
                                                                    </ext:Checkbox>
                                                                </ext:Anchor>
                                                                <ext:Anchor>
                                                                    <ext:NumberField FieldLabel="Valor" ID="ARN_VHC_CN_ValorNumberField"
                                                                        runat="server" EmptyText="0" AllowDecimals="true" DecimalPrecision="5" DecimalSeparator=","
                                                                        LabelStyle="width:175px" Width="50" Enabled="false">
                                                                    </ext:NumberField>
                                                                </ext:Anchor>
                                                            </ext:FormLayout>
                                                        </Body>
                                                    </ext:FieldSet>
                                                    </ext:ContainerLayout>
                                                </Body>
                                            </ext:Panel>
                                        </ext:LayoutColumn>
                                    </ext:ColumnLayout>
                                
                        </Body>
                    </ext:Tab>
    Vladimir Shcheglov
    Sr. Developer
  3. #3

    RE: [CLOSED] [0.8.2] Tab Panel Issue

    Hi,

    Thanks again for your fast reply ^^. I tried with your code, but It doesn't works (nothing was showed on Tabs, 007 pic).

    Am I doing something wrong?
  4. #4

    RE: [CLOSED] [0.8.2] Tab Panel Issue

    Hi,

    Here is my test case. Does it work for you?

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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:ScriptManager ID="ResourceManager1" runat="server" />
        <ext:TabPanel ID="CenterPanel" runat="server" ActiveTabIndex="2" LayoutOnTabChange="true"
            AllowDomMove="true" DeferredRender="false" Border="false">
            <Tabs>
                <ext:Tab ID="TabPciente" runat="server" Title="Datos del Paciente" Border="false"
                    Icon="Vcard">
                    <Body>
                    </Body>
                </ext:Tab>
                <ext:Tab ID="TabGrafico" runat="server" Title="Grafico del Paciente" Border="false"
                    Icon="ChartPie">
                    <Body>
                        <img src="../../grafico.jpg" />
                    </Body>
                </ext:Tab>
                <ext:Tab ID="TabVisitas" runat="server" Title="Visitas" Border="false" Icon="DateGo"
                    Height="830">
                    <Body>
                        <ext:RowLayout ID="RowLayout1" runat="server">
                            <ext:LayoutRow>
                                <ext:Panel ID="PanelColumnas" runat="server" Border="false" Width="700">
                                    <Body>
                                        <ext:ColumnLayout ID="ColumnLayout1" runat="server">
                                            <ext:LayoutColumn>
                                                <ext:Panel Width="250" Height="250" AutoScroll="true" ID="PanelVisitas" runat="server"
                                                    Title="Listado de Visitas">
                                                    <TopBar>
                                                        <ext:Toolbar ID="ToolbarVisitas" runat="server">
                                                            <Items>
                                                                <ext:ToolbarButton StandOut="true" ID="ToolbarButtonNuevaVisita" Text="Nueva Visita"
                                                                    runat="server" Icon="Add" OnClientClick="#{WindowVisitaNueva}.show()">
                                                                </ext:ToolbarButton>
                                                                <ext:ToolbarSeparator>
                                                                </ext:ToolbarSeparator>
                                                                <ext:ToolbarButton StandOut="true" ID="ToolbarButtonFinalizar" Text="Finalizar Seguimiento"
                                                                    runat="server" Icon="Delete" OnClientClick="#{FinalizacionWindow}.show()">
                                                                </ext:ToolbarButton>
                                                            </Items>
                                                        </ext:Toolbar>
                                                    </TopBar>
                                                    <Body>
                                                    </Body>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn>
                                                <ext:Panel Width="450" Height="302" Border="true" ID="PanelDiagnostico" runat="server"
                                                    Header="false">
                                                    <Body>
                                                    </Body>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                        </ext:ColumnLayout>
                                    </Body>
                                </ext:Panel>
                            </ext:LayoutRow>
                            <ext:LayoutRow>
                                <ext:TabPanel ID="TabPanelPruebas" runat="server" ActiveTabIndex="0" Width="700"
                                    Border="false">
                                    <Tabs>
                                        <ext:Tab ID="TabPruebaBio" runat="server" Title="Pruebas Bioqu?micas" Icon="Bug"
                                            Border="false">
                                            <Body>
                                            </Body>
                                        </ext:Tab>
                                        <ext:Tab ID="TabPruebasSer" runat="server" Title="Pruebas Serol?gicas" Icon="Bug"
                                            Border="false">
                                            <Body>
                                            </Body>
                                        </ext:Tab>
                                        <ext:Tab ID="TabPruebasVir" runat="server" Title="Pruebas  Virol?gicas" Icon="Bug"
                                            Border="false">
                                            <Body>
                                                <ext:Panel ID="PanelPruebaVirologica" runat="server" TitleCollapse="true" AutoHeight="False"
                                                    AutoWidth="False" Height="300" Width="700">
                                                    <TopBar>
                                                        <ext:Toolbar runat="server" ID="ToolbarVirologicas">
                                                            <Items>
                                                                <ext:ToolbarButton runat="server" ID="GuardarButton" Icon="Disk" Text="Guardar Prueba"
                                                                    StandOut="true">
                                                                </ext:ToolbarButton>
                                                            </Items>
                                                        </ext:Toolbar>
                                                    </TopBar>
                                                    <Body>
                                                        <ext:Hidden ID="VisitaIdHidden" runat="server" Text="0">
                                                        </ext:Hidden>
                                                        <ext:Hidden ID="ADNVHBHidden" runat="server">
                                                        </ext:Hidden>
                                                        <ext:TabPanel ID="TabPanelVirologico" runat="server" LayoutOnTabChange="true" AllowDomMove="true"
                                                            DeferredRender="true" Border="false">
                                                            <Tabs>
                                                                <ext:Tab ID="TabVHB" runat="server" Title="VHB" Height="300">
                                                                    <Body>
                                                                        <ext:Panel ID="PanelColumna1" runat="server">
                                                                            <Body>
                                                                                <ext:ColumnLayout ID="ColumnLayout2" runat="server">
                                                                                    <ext:LayoutColumn>
                                                                                        <ext:Panel ID="PanelADNVHB" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                            <Body>
                                                                                                <ext:FieldSet ID="FSADNVHBCual" runat="server" Title="ADN Cualitativo" Width="325">
                                                                                                    <Body>
                                                                                                        <ext:FormLayout ID="FormADNVHBCuan" runat="server">
                                                                                                            <ext:Anchor>
                                                                                                                <ext:Checkbox FieldLabel="Determinado" ID="ADN_VHB_CL_DeterminadoCheckBox" runat="server"
                                                                                                                    LabelStyle="width:175px">
                                                                                                                    <Listeners>
                                                                                                                        <Check Handler="if (#{ADN_VHB_CL_DeterminadoCheckBox}.checked){#{ADN_VHB_CL_PositivoCheckBox}.enable();#{ADN_VHB_CL_IndetectableCheckBox}.enable();}else{#{ADN_VHB_CL_PositivoCheckBox}.disable();#{ADN_VHB_CL_PositivoCheckBox}.setValue(false); #{ADN_VHB_CL_IndetectableCheckBox}.disable();#{ADN_VHB_CL_IndetectableCheckBox}.setValue(false); }" />
                                                                                                                    </Listeners>
                                                                                                                </ext:Checkbox>
                                                                                                            </ext:Anchor>
                                                                                                            <ext:Anchor>
                                                                                                                <ext:Checkbox FieldLabel="Positivo" ID="ADN_VHB_CL_PositivoCheckBox" runat="server"
                                                                                                                    LabelStyle="width:175px">
                                                                                                                </ext:Checkbox>
                                                                                                            </ext:Anchor>
                                                                                                            <ext:Anchor>
                                                                                                                <ext:Checkbox FieldLabel="Indetectable" ID="ADN_VHB_CL_IndetectableCheckBox" runat="server"
                                                                                                                    LabelStyle="width:175px">
                                                                                                                </ext:Checkbox>
                                                                                                            </ext:Anchor>
                                                                                                        </ext:FormLayout>
                                                                                                    </Body>
                                                                                                </ext:FieldSet>
                                                                                                <ext:FieldSet ID="FSADNVHBCuan" runat="server" Title="ADN Cuantitativo" Width="325">
                                                                                                    <Body>
                                                                                                        <ext:FormLayout ID="FormADNVHBCual" runat="server">
                                                                                                            <ext:Anchor>
                                                                                                                <ext:Checkbox FieldLabel="Determinado" ID="ADN_VHB_CN_Determinado" runat="server"
                                                                                                                    LabelStyle="width:175px">
                                                                                                                    <Listeners>
                                                                                                                        <Check Handler="if (#{ADN_VHB_CN_Determinado}.checked){#{ADN_VHB_CN_Unidades}.enable();#{ADN_VHB_CN_UnidadesCombo}.enable();#{ADN_VHB_CN_UnidadesCombo}.setValue('0');}else{#{ADN_VHB_CN_Unidades}.disable();#{ADN_VHB_CN_Unidades}.setValue('0');#{ADN_VHB_CN_UnidadesCombo}.disable();#{ADN_VHB_CN_UnidadesCombo}.setValue('');}" />
                                                                                                                    </Listeners>
                                                                                                                </ext:Checkbox>
                                                                                                            </ext:Anchor>
                                                                                                            <ext:Anchor>
                                                                                                                <ext:Panel ID="Panel11" runat="server" Border="false">
                                                                                                                    <Body>
                                                                                                                        <ext:ColumnLayout ID="ColumnLayout3" runat="server">
                                                                                                                            <ext:LayoutColumn>
                                                                                                                                <ext:Panel ID="Panel21" runat="server" Border="false" Width="190">
                                                                                                                                    <Body>
                                                                                                                                        <ext:FormLayout ID="FormLayout1" runat="server" LabelWidth="120">
                                                                                                                                            <ext:Anchor>
                                                                                                                                                <ext:NumberField FieldLabel="Und." ID="ADN_VHB_CN_Unidades" runat="server" EmptyText="0"
                                                                                                                                                    AllowDecimals="true" DecimalPrecision="10" DecimalSeparator="," LabelStyle="width:120px"
                                                                                                                                                    Width="50" Enabled="false">
                                                                                                                                                </ext:NumberField>
                                                                                                                                            </ext:Anchor>
                                                                                                                                        </ext:FormLayout>
                                                                                                                                    </Body>
                                                                                                                                </ext:Panel>
                                                                                                                            </ext:LayoutColumn>
                                                                                                                            <ext:LayoutColumn>
                                                                                                                                <ext:Panel ID="Panel3" runat="server" Border="false" Width="100">
                                                                                                                                    <Body>
                                                                                                                                        <ext:ComboBox ID="ADN_VHB_CN_UnidadesCombo" runat="server" Enabled="false" Width="60">
                                                                                                                                            <Items>
                                                                                                                                                <ext:ListItem Text="UI/ml" Value="0" />
                                                                                                                                                <ext:ListItem Text="copias/ml" Value="16" />
                                                                                                                                                <ext:ListItem Text="pg/ml" Value="18" />
                                                                                                                                                <ext:ListItem Text="MEq/ml" Value="20" />
                                                                                                                                            </Items>
                                                                                                                                            <Listeners>
                                                                                                                                                <BeforeSelect Handler="if (#{ALT_UnidadesCombo}.getValue()!=0)
                                                                                                    {
                                                                                                    if (#{ADN_VHB_CN_UnidadesCombo}.getValue()==16){#{ADN_VHB_CN_Unidades}.setValue(convierteUnidades(#{ADN_VHB_CN_Unidades}.getValue(),'15'));}
                                                                                                    if (#{ADN_VHB_CN_UnidadesCombo}.getValue()==18){#{ADN_VHB_CN_Unidades}.setValue(convierteUnidades(#{ADN_VHB_CN_Unidades}.getValue(),'17'));}
                                                                                                    if (#{ADN_VHB_CN_UnidadesCombo}.getValue()==20){#{ADN_VHB_CN_Unidades}.setValue(convierteUnidades(#{ADN_VHB_CN_Unidades}.getValue(),'19'));}
                                                                                                    }" />
                                                                                                                                                <Select Handler="if (#{ADN_VHB_CN_UnidadesCombo}.getValue() != 0){
                                                                                                     #{ADN_VHB_CN_Unidades}.setValue(convierteUnidades(#{ADN_VHB_CN_Unidades}.getValue(),#{ADN_VHB_CN_UnidadesCombo}.getValue()));}" />
                                                                                                                                            </Listeners>
                                                                                                                                        </ext:ComboBox>
                                                                                                                                    </Body>
                                                                                                                                </ext:Panel>
                                                                                                                            </ext:LayoutColumn>
                                                                                                                        </ext:ColumnLayout>
                                                                                                                    </Body>
                                                                                                                </ext:Panel>
                                                                                                            </ext:Anchor>
                                                                                                        </ext:FormLayout>
                                                                                                    </Body>
                                                                                                </ext:FieldSet>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                    <ext:LayoutColumn>
                                                                                        <ext:Panel ID="PanelGENVHB" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                            <Body>
                                                                                                <ext:FieldSet ID="FSGENVHB" runat="server" Title="GEN" Width="325">
                                                                                                    <Body>
                                                                                                        <ext:FormLayout ID="FormGENVHB" runat="server">
                                                                                                            <ext:Anchor>
                                                                                                                <ext:Checkbox FieldLabel="Determinado" ID="GEN_VHB_DeterminadoCheckbox" runat="server"
                                                                                                                    LabelStyle="width:175px">
                                                                                                                    <Listeners>
                                                                                                                        <Check Handler="if (#{GEN_VHB_DeterminadoCheckbox}.checked){#{GEN_VHB_GenotiposVHBListBox}.enable();}else{#{GEN_VHB_GenotiposVHBListBox}.disable();#{GEN_VHB_GenotiposVHBListBox}.reset;}" />
                                                                                                                    </Listeners>
                                                                                                                </ext:Checkbox>
                                                                                                            </ext:Anchor>
                                                                                                            <ext:Anchor>
                                                                                                                <ext:MultiSelect FieldLabel="Genotipos" ID="GEN_VHB_GenotiposVHBListBox" runat="server"
                                                                                                                    MultiSelect="true" LabelStyle="width:175px" Enabled="false">
                                                                                                                </ext:MultiSelect>
                                                                                                            </ext:Anchor>
                                                                                                        </ext:FormLayout>
                                                                                                    </Body>
                                                                                                </ext:FieldSet>
                                                                                            </Body>
                                                                                        </ext:Panel>
                                                                                    </ext:LayoutColumn>
                                                                                </ext:ColumnLayout>
                                                                            </Body>
                                                                        </ext:Panel>
                                                                    </Body>
                                                                </ext:Tab>
                                                                <ext:Tab ID="TabVariantes" runat="server" Title="Variantes" Height="300">
                                                                    <Body>
                                                                        <ext:ColumnLayout ID="VariantesPanel" runat="server">
                                                                            <ext:LayoutColumn>
                                                                                <ext:Panel ID="PanelPosiciones" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                    <Body>
                                                                                        <ext:FieldSet ID="FSPosiciones" runat="server" Title="Posiciones" Width="325">
                                                                                            <Body>
                                                                                                <ext:FormLayout ID="FormLayout3" runat="server">
                                                                                                    <ext:Anchor>
                                                                                                        <ext:Panel ID="PanelStore" runat="server" Width="300" Height="176" Border="false">
                                                                                                            <Body>
                                                                                                                <ext:Store ID="ListStore" runat="server">
                                                                                                                    <Reader>
                                                                                                                        <ext:JsonReader>
                                                                                                                            <Fields>
                                                                                                                                <ext:RecordField Name="Id" Type="Int">
                                                                                                                                </ext:RecordField>
                                                                                                                                <ext:RecordField Name="Visitas_Variantes_Posicion" Type="Int">
                                                                                                                                </ext:RecordField>
                                                                                                                            </Fields>
                                                                                                                        </ext:JsonReader>
                                                                                                                    </Reader>
                                                                                                                </ext:Store>
                                                                                                                <ext:MultiSelect ID="PosicionesListBox" FieldLabel="Posiciones" runat="server" MultiSelect="false"
                                                                                                                    StoreID="ListStore" ValueField="Id" DisplayField="Visitas_Variantes_Posicion"
                                                                                                                    Width="300" Height="170">
                                                                                                                    <TopBar>
                                                                                                                        <ext:Toolbar runat="server" ID="toolbarVariantes">
                                                                                                                            <Items>
                                                                                                                                <%-- <ext:NumberField FieldLabel="Posición nueva" ID="PosicionNumberField" MinLengthText="1"
                                                                                        MaxValue="9999999" Width="50" runat="server">
                                                                                    </ext:NumberField>--%>
                                                                                                                                <ext:ComboBox ID="PosicionNumberField" runat="server">
                                                                                                                                </ext:ComboBox>
                                                                                                                                <ext:ToolbarSeparator>
                                                                                                                                </ext:ToolbarSeparator>
                                                                                                                                <ext:ToolbarButton runat="server" ID="NuevoToolBarButton" Icon="Add">
                                                                                                                                </ext:ToolbarButton>
                                                                                                                                <ext:ToolbarSeparator>
                                                                                                                                </ext:ToolbarSeparator>
                                                                                                                                <ext:ToolbarButton runat="server" ID="ToolbarButton1" Icon="Delete">
                                                                                                                                </ext:ToolbarButton>
                                                                                                                                <ext:ToolbarSeparator>
                                                                                                                                </ext:ToolbarSeparator>
                                                                                                                                <ext:ToolbarButton runat="server" ID="ToolbarButton2" Icon="Disk">
                                                                                                                                </ext:ToolbarButton>
                                                                                                                            </Items>
                                                                                                                        </ext:Toolbar>
                                                                                                                    </TopBar>
                                                                                                                </ext:MultiSelect>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                </ext:FormLayout>
                                                                                            </Body>
                                                                                        </ext:FieldSet>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutColumn>
                                                                            <ext:LayoutColumn>
                                                                                <ext:Panel ID="PanelVariantes" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                    <Body>
                                                                                        <ext:FieldSet ID="FSVariantes" runat="server" Title="Variantes detectadas" Width="325">
                                                                                            <Body>
                                                                                                <ext:FormLayout ID="FormVariantes" runat="server" LabelWidth="120" AllowDomMove="true">
                                                                                                    <ext:Anchor>
                                                                                                        <ext:Checkbox ID="VariantesDeterminadasCheckBox" runat="server" FieldLabel="Determinada">
                                                                                                            <Listeners>
                                                                                                                <Check Handler="if (#{VariantesDeterminadasCheckBox}.checked){#{WtMtTipo}.enable();}
                                                            else{#{WtMtTipo}.clearValue();
                                                                 #{WtMtTipo}.disable();
                                                                 #{Varienate1ComboBox}.clearValue();
                                                                 #{Varienate1ComboBox}.disable();
                                                                 #{Variante2ComboBox}.clearValue();
                                                                 #{Variante2ComboBox}.disable();
                                                                 #{Variante3ComboBox}.clearValue();
                                                                 #{Variante3ComboBox}.disable();
                                                                 #{ComboBox1}.clearValue();
                                                                 #{ComboBox1}.disable();
                                                                 #{ComboBox2}.clearValue();
                                                                 #{ComboBox2}.disable();
                                                                 #{ComboBox3}.clearValue();
                                                                 #{ComboBox3}.disable();
                                                                 #{ComboBox4}.clearValue();
                                                                 #{ComboBox4}.disable();}" />
                                                                                                            </Listeners>
                                                                                                        </ext:Checkbox>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:ComboBox FieldLabel="Tipo" runat="server" ID="WtMtTipo" Width="140" Enabled="false"
                                                                                                            Editable="false">
                                                                                                            <Items>
                                                                                                                <ext:ListItem Text="WildType" Value="1" />
                                                                                                                <ext:ListItem Text="Mutante" Value="2" />
                                                                                                            </Items>
                                                                                                            <Listeners>
                                                                                                                <Select Handler="if (#{VariantesDeterminadasCheckBox}.checked &amp;&amp; #{WtMtTipo}.getValue() == '2')
                                                                    {
                                                                         #{Varienate1ComboBox}.enable();
                                                                         #{Variante2ComboBox}.enable();
                                                                         #{Variante3ComboBox}.enable();
                                                                         #{ComboBox1}.enable();
                                                                         #{ComboBox2}.enable();
                                                                         #{ComboBox3}.enable();
                                                                         #{ComboBox4}.enable();
                                                                    }
                                                                     else{
                                                                         #{Varienate1ComboBox}.clearValue();
                                                                         #{Varienate1ComboBox}.disable();
                                                                         #{Variante2ComboBox}.clearValue();
                                                                         #{Variante2ComboBox}.disable();
                                                                         #{Variante3ComboBox}.clearValue();
                                                                         #{Variante3ComboBox}.disable();
                                                                         #{ComboBox1}.clearValue();
                                                                         #{ComboBox1}.disable();
                                                                         #{ComboBox2}.clearValue();
                                                                         #{ComboBox2}.disable();
                                                                         #{ComboBox3}.clearValue();
                                                                         #{ComboBox3}.disable();
                                                                         #{ComboBox4}.clearValue();
                                                                         #{ComboBox4}.disable();}" />
                                                                                                            </Listeners>
                                                                                                        </ext:ComboBox>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:TextField Visible="false" FieldLabel="Variante 1" ID="VarianteCampo1TextField"
                                                                                                            MaxLengthText="1" runat="server" Enabled="false">
                                                                                                        </ext:TextField>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:ComboBox FieldLabel="Variante 1" ID="Varienate1ComboBox" runat="server" Width="40"
                                                                                                            Enabled="false">
                                                                                                            <Items>
                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                            </Items>
                                                                                                        </ext:ComboBox>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:TextField Visible="false" FieldLabel="Variante 2" ID="VarianteCampo2TextField"
                                                                                                            MaxLengthText="1" runat="server" Enabled="false">
                                                                                                        </ext:TextField>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:ComboBox FieldLabel="Variante 2" ID="Variante2ComboBox" runat="server" Width="40"
                                                                                                            Enabled="false">
                                                                                                            <Items>
                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                            </Items>
                                                                                                        </ext:ComboBox>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:TextField Visible="false" FieldLabel="Variante 3" ID="VarianteCampo3TextField"
                                                                                                            MaxLengthText="1" runat="server" Enabled="false">
                                                                                                        </ext:TextField>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:ComboBox FieldLabel="Variante 3" ID="Variante3ComboBox" runat="server" Width="40"
                                                                                                            Enabled="false">
                                                                                                            <Items>
                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                            </Items>
                                                                                                        </ext:ComboBox>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:TextField Visible="false" FieldLabel="Aminoácidos" ID="AminoacidosTextField"
                                                                                                            runat="server" Enabled="false">
                                                                                                        </ext:TextField>
                                                                                                    </ext:Anchor>
                                                                                                    <ext:Anchor>
                                                                                                        <ext:Panel ID="AminoacidosPanel" runat="server" Border="false">
                                                                                                            <Body>
                                                                                                                <ext:ColumnLayout ID="ColumnLayout4" runat="server">
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:Panel ID="Panel1" runat="server" Border="false" Width="125">
                                                                                                                            <Body>
                                                                                                                                <label style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px;">
                                                                                                                                    Número:</label>
                                                                                                                            </Body>
                                                                                                                        </ext:Panel>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:ComboBox FieldLabel="Aminoacidos" ID="ComboBox1" runat="server" Width="40" Enabled="false">
                                                                                                                            <Items>
                                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                                            </Items>
                                                                                                                        </ext:ComboBox>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:ComboBox FieldLabel="Aminoacidos" ID="ComboBox2" runat="server" Width="40" Enabled="false">
                                                                                                                            <Items>
                                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                                            </Items>
                                                                                                                        </ext:ComboBox>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:ComboBox FieldLabel="Aminoacidos" ID="ComboBox3" runat="server" Width="40" Enabled="false">
                                                                                                                            <Items>
                                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                                            </Items>
                                                                                                                        </ext:ComboBox>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                    <ext:LayoutColumn>
                                                                                                                        <ext:ComboBox FieldLabel="Aminoacidos" ID="ComboBox4" runat="server" Width="40" Enabled="false">
                                                                                                                            <Items>
                                                                                                                                <ext:ListItem Text="A" Value="A" />
                                                                                                                                <ext:ListItem Text="B" Value="B" />
                                                                                                                                <ext:ListItem Text="C" Value="C" />
                                                                                                                                <ext:ListItem Text="D" Value="D" />
                                                                                                                                <ext:ListItem Text="E" Value="E" />
                                                                                                                                <ext:ListItem Text="W" Value="W" />
                                                                                                                            </Items>
                                                                                                                        </ext:ComboBox>
                                                                                                                    </ext:LayoutColumn>
                                                                                                                </ext:ColumnLayout>
                                                                                                            </Body>
                                                                                                        </ext:Panel>
                                                                                                    </ext:Anchor>
                                                                                                </ext:FormLayout>
                                                                                            </Body>
                                                                                        </ext:FieldSet>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutColumn>
                                                                        </ext:ColumnLayout>
                                                                    </Body>
                                                                </ext:Tab>
                                                                <ext:Tab ID="TabVHD" runat="server" Title="VHD" Height="300">
                                                                    <Body>
                                                                        <ext:ColumnLayout ID="ColumnLayout5" runat="server">
                                                                            <ext:LayoutColumn>
                                                                                <ext:Panel ID="PanelARNVHD" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                    <Body>
                                                                                        <ext:ContainerLayout runat="server">
                                                                                            <ext:FieldSet ID="FSARNVHDCual" runat="server" Title="ARN Cualitativo" Width="325">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormARNVHDCual" runat="server">
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Determinado" ID="ARN_VHD_CL_DeterminadoCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                                <Listeners>
                                                                                                                    <Check Handler="if (#{ARN_VHD_CL_DeterminadoCheckbox}.checked){#{ARN_VHD_CL_PositivoCheckbox}.enable();#{ARN_VHD_CL_IndetectableCheckbox}.enable();}else{#{ARN_VHD_CL_PositivoCheckbox}.disable();#{ARN_VHD_CL_PositivoCheckbox}.setValue(false); #{ARN_VHD_CL_IndetectableCheckbox}.disable();#{ARN_VHD_CL_IndetectableCheckbox}.setValue(false); }" />
                                                                                                                </Listeners>
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Positivo" ID="ARN_VHD_CL_PositivoCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Indetectable" ID="ARN_VHD_CL_IndetectableCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:FieldSet>
                                                                                            <ext:FieldSet ID="FSARNVHDCuan" runat="server" Title="ARN Cuantitativo" Width="325">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormARNVHDCuan" runat="server">
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Determinado" ID="ARN_VHD_CN_DeterminadoCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                                <Listeners>
                                                                                                                    <Check Handler="if (#{ARN_VHD_CN_DeterminadoCheckbox}.checked){#{ARN_VHD_CN_NumberField}.enable();}else{#{ARN_VHD_CN_NumberField}.disable();#{ARN_VHD_CN_NumberField}.setValue('0');}" />
                                                                                                                </Listeners>
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor>
                                                                                                            <ext:NumberField FieldLabel="Unidades" ID="ARN_VHD_CN_NumberField" runat="server"
                                                                                                                EmptyText="0" AllowDecimals="true" DecimalPrecision="5" DecimalSeparator=","
                                                                                                                LabelStyle="width :175px" Width="50" Enabled="false">
                                                                                                            </ext:NumberField>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:FieldSet>
                                                                                        </ext:ContainerLayout>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutColumn>
                                                                            <ext:LayoutColumn>
                                                                                <ext:Panel ID="GENVHD" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                    <Body>
                                                                                        <ext:ContainerLayout runat="server">
                                                                                            <ext:FieldSet ID="FSGENVHD" runat="server" Title="GEN" Width="325">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormLayout7" runat="server">
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Determinado" ID="GEN_VHD_DeterminadoCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                                <Listeners>
                                                                                                                    <Check Handler="if (#{GEN_VHD_DeterminadoCheckbox}.checked){#{GEN_VHD_Genotipos_VHDListBox}.enable();}else{#{GEN_VHD_Genotipos_VHDListBox}.disable();#{GEN_VHD_Genotipos_VHDListBox}.reset();}" />
                                                                                                                </Listeners>
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor>
                                                                                                            <ext:MultiSelect FieldLabel="Genotipos" ID="GEN_VHD_Genotipos_VHDListBox" runat="server"
                                                                                                                MultiSelect="true" LabelStyle="width:175px" Enabled="false">
                                                                                                            </ext:MultiSelect>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:FieldSet>
                                                                                        </ext:ContainerLayout>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutColumn>
                                                                        </ext:ColumnLayout>
                                                                    </Body>
                                                                </ext:Tab>
                                                                <ext:Tab ID="TabVHC" runat="server" Title="VHC" Height="300">
                                                                    <Body>
                                                                        <ext:ColumnLayout ID="ColumnLayout6" runat="server">
                                                                            <ext:LayoutColumn>
                                                                                <ext:Panel ID="PanelGENVHC" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                    <Body>
                                                                                        <ext:ContainerLayout runat="server">
                                                                                            <ext:FieldSet ID="FSGENVHC" runat="server" Title="GEN" Width="325">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormGENVHC" runat="server">
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Determinado" ID="GEN_VHC_DeterminadoCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                                <Listeners>
                                                                                                                    <Check Handler="if (#{GEN_VHC_DeterminadoCheckbox}.checked){#{NumerosCombo}.enable();}else{#{NumerosCombo}.disable();#{NumerosCombo}.clearValue(); #{LetrasCombo}.disable();#{LetrasCombo}.clearValue();}" />
                                                                                                                </Listeners>
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Panel ID="Panel2" runat="server" Border="false">
                                                                                                                <Body>
                                                                                                                    <div style="width: 160px; float: left;">
                                                                                                                        <div style="float: left; width: 62px;">
                                                                                                                            <label style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px;">
                                                                                                                                Número:</label>
    
                                                                                                                        <div style="float: left; width: 62px;">
                                                                                                                            <ext:ComboBox FieldLabel="Genotipos" ID="NumerosCombo" runat="server" Mode="Local"
                                                                                                                                EmptyText="Numero..." BlankText="Numero..." Width="60" Enabled="false" LabelStyle="width:175px">
                                                                                                                                <Listeners>
                                                                                                                                    <Select Handler="if (#{NumerosCombo}.getValue()!='') {#{LetrasCombo}.disable();#{LetrasCombo}.clearValue();#{LetrasStore}.reload();#{LetrasCombo}.enable();}" />
                                                                                                                                </Listeners>
                                                                                                                            </ext:ComboBox>
                                                                                                                        
    
                                                                                                                    
    
                                                                                                                    <div style="width: 125px; float: left;">
                                                                                                                        <div style="float: left; width: 62px;">
                                                                                                                            <label style="font-family: tahoma,arial,helvetica,sans-serif; font-size: 12px;">
                                                                                                                                Letra:</label>
    
                                                                                                                        <div style="float: left; width: 62px;">
                                                                                                                            <ext:ComboBox ID="LetrasCombo" runat="server" Mode="Local" StoreID="LetrasStore"
                                                                                                                                ValueField="Id" DisplayField="Letra" EmptyText="Letra..." BlankText="Letra..."
                                                                                                                                Width="60" Enabled="false">
                                                                                                                            </ext:ComboBox>
                                                                                                                        
    
                                                                                                                    
    
                                                                                                                </Body>
                                                                                                            </ext:Panel>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:FieldSet>
                                                                                        </ext:ContainerLayout>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutColumn>
                                                                            <ext:LayoutColumn>
                                                                                <ext:Panel ID="PanelARNVHC" runat="server" BodyStyle="padding:6px;" Border="false">
                                                                                    <Body>
                                                                                        <ext:ContainerLayout runat="server">
                                                                                            <ext:FieldSet ID="FSARNVHC" runat="server" Title="ARN" Width="325">
                                                                                                <Body>
                                                                                                    <ext:FormLayout ID="FormARNVHC" runat="server">
                                                                                                        <ext:Anchor>
                                                                                                            <ext:Checkbox FieldLabel="Determinado" ID="ARN_VHC_CN_DeterminadoCheckbox" runat="server"
                                                                                                                LabelStyle="width:175px">
                                                                                                                <Listeners>
                                                                                                                    <Check Handler="if (#{ARN_VHC_CN_DeterminadoCheckbox}.checked){#{ARN_VHC_CN_ValorNumberField}.enable();}else{#{ARN_VHC_CN_ValorNumberField}.disable();#{ARN_VHC_CN_ValorNumberField}.setValue('0');}" />
                                                                                                                </Listeners>
                                                                                                            </ext:Checkbox>
                                                                                                        </ext:Anchor>
                                                                                                        <ext:Anchor>
                                                                                                            <ext:NumberField FieldLabel="Valor" ID="ARN_VHC_CN_ValorNumberField" runat="server"
                                                                                                                EmptyText="0" AllowDecimals="true" DecimalPrecision="5" DecimalSeparator=","
                                                                                                                LabelStyle="width:175px" Width="50" Enabled="false">
                                                                                                            </ext:NumberField>
                                                                                                        </ext:Anchor>
                                                                                                    </ext:FormLayout>
                                                                                                </Body>
                                                                                            </ext:FieldSet>
                                                                                        </ext:ContainerLayout>
                                                                                    </Body>
                                                                                </ext:Panel>
                                                                            </ext:LayoutColumn>
                                                                        </ext:ColumnLayout>
                                                                    </Body>
                                                                </ext:Tab>
                                                            </Tabs>
                                                        </ext:TabPanel>
                                                    </Body>
                                                </ext:Panel>
                                                <ext:Store ID="LetrasStore" runat="server">
                                                    <Reader>
                                                        <ext:JsonReader>
                                                            <Fields>
                                                                <ext:RecordField Name="Id" Type="Int">
                                                                </ext:RecordField>
                                                                <ext:RecordField Name="Letra" Type="String">
                                                                </ext:RecordField>
                                                            </Fields>
                                                        </ext:JsonReader>
                                                    </Reader>
                                                </ext:Store>
                                            </Body>
                                        </ext:Tab>
                                    </Tabs>
                                </ext:TabPanel>
                            </ext:LayoutRow>
                        </ext:RowLayout>
                    </Body>
                </ext:Tab>
                <ext:Tab ID="TabTratamientos" runat="server" Title="Tratamientos" Icon="Pill" BodyStyle="padding:6px;"
                    Border="false" Width="700" Height="685">
                    <Body>
                    </Body>
                </ext:Tab>
                <ext:Tab ID="TabPruebasComplementarias" runat="server" Title="Pruebas Complementarias"
                    Border="false" Icon="FolderTable">
                    <Body>
                        <ext:Panel ID="PanelPruebasComplementarias" runat="server" Border="false">
                            <Body>
                                <ext:TabPanel ID="TabPanelPruebasComplementarias" runat="server" ActiveTabIndex="0"
                                    Width="700" Border="true" LayoutOnTabChange="true" AllowDomMove="true" DeferredRender="false">
                                    <Tabs>
                                        <ext:Tab ID="BiopsiasTab" runat="server" Title="Biopsias" Icon="IpodCast" Border="false">
                                            <Body>
                                            </Body>
                                        </ext:Tab>
                                        <ext:Tab ID="EcografiasTab" runat="server" Title="Ecografias" Icon="IpodCast" Border="false">
                                            <Body>
                                            </Body>
                                        </ext:Tab>
                                        <ext:Tab ID="EFTab" runat="server" Title="Elastograf?as/Fibroscan" Icon="IpodCast"
                                            Border="false">
                                            <Body>
                                            </Body>
                                        </ext:Tab>
                                    </Tabs>
                                </ext:TabPanel>
                            </Body>
                        </ext:Panel>
                    </Body>
                </ext:Tab>
            </Tabs>
        </ext:TabPanel>
        <!-- Window de Nueva Visita -->
        <ext:Window ID="WindowVisitaNueva" Show&#111;nload="false" Center&#111;nload="true" Modal="true"
            runat="server" Collapsible="False" Icon="Date" Title="Nueva Visita" Width="400"
            BodyStyle="padding:6px;">
            <Body>
                <table style="width: 100%; height: 40px">
                    <tr>
                        <td>
                            <asp:Label ID="LabelVisita" runat="server" Text="Fecha de la Visita" Width="100"></asp:Label>
                        </td>
                        <td>
                            <ext:DateField ID="DateFieldFecha" runat="server" ReadOnly="true">
                            </ext:DateField>
                        </td>
                        <td align="right">
                            <ext:Button ID="ButtonVisitaNueva" Icon="Add" runat="server" Text="A?adir Visita"
                                AutoPostBack="true">
                            </ext:Button>
                        </td>
                    </tr>
                </table>
            </Body>
        </ext:Window>
        <!-- Fin de Window de Nueva Visita -->
        <ext:Window ID="FinalizacionWindow" Show&#111;nload="false" Center&#111;nload="true" Modal="true"
            runat="server" Height="235" Width="350" Icon="ApplicationDelete" Title="Finalizaci?n">
            <Body>
                <ext:Panel ID="General" runat="server" Width="350" Height="160" Border="false" BodyStyle="background-color:#dfe8f6; padding:6px">
                    <Body>
                        <ext:FormLayout ID="FinalizacionForm" runat="server">
                            <ext:Anchor>
                                <ext:ComboBox ID="Tipo" runat="server" FieldLabel="Tipo" Width="200">
                                </ext:ComboBox>
                            </ext:Anchor>
                            <ext:Anchor>
                                <ext:TextField ID="Texto" runat="server" FieldLabel="Texto" Width="200" Height="100">
                                </ext:TextField>
                            </ext:Anchor>
                            <ext:Anchor>
                                <ext:DateField ID="Fecha" runat="server" FieldLabel="Fecha" Width="200" AllowBlank="false"
                                    ReadOnly="true">
                                </ext:DateField>
                            </ext:Anchor>
                        </ext:FormLayout>
                    </Body>
                </ext:Panel>
            </Body>
            <Buttons>
                <ext:Button ID="Confirmar" runat="server" Icon="Disk" Width="100" Text="Finalizar"
                    CausesValidation="true" AutoPostBack="true">
                </ext:Button>
                <ext:Button ID="Cancelar" runat="server" Icon="Stop" Width="100" Text="Cancelar">
                </ext:Button>
            </Buttons>
        </ext:Window>
        </form>
    </body>
    </html>
    Vladimir Shcheglov
    Sr. Developer
  5. #5

    RE: [CLOSED] [0.8.2] Tab Panel Issue

    Hi,

    Good job Vlad! Your example works fine, then only I must do some changes in vb code, because some combos in other tabs doesn't setValue properly at load.

    Thank you so much!.

Similar Threads

  1. [CLOSED] Tab Panel Active Event Issue
    By rnachman in forum 1.x Premium Help
    Replies: 7
    Last Post: Aug 10, 2012, 2:20 PM
  2. [CLOSED] Multiheader issue in Tab Panel
    By rnachman in forum 1.x Premium Help
    Replies: 2
    Last Post: Oct 19, 2011, 4:50 PM
  3. [CLOSED] [1.0] Panel AutoHeight Issue
    By pasion in forum 1.x Premium Help
    Replies: 2
    Last Post: Feb 28, 2010, 6:11 AM
  4. [CLOSED] Panel.AutoHeight issue
    By randy85253 in forum 1.x Premium Help
    Replies: 2
    Last Post: Aug 31, 2009, 11:55 AM
  5. [CLOSED] ASP Menu and ext:Panel issue
    By egodoy in forum 1.x Help
    Replies: 2
    Last Post: Dec 12, 2008, 2:53 PM

Posting Permissions