[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.
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
Code:
<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>
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?
RE: [CLOSED] [0.8.2] Tab Panel Issue
Hi,
Here is my test case. Does it work for you?
Code:
<%@ 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 && #{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" Showonload="false" Centeronload="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" Showonload="false" Centeronload="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>
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!.