Combobox: Hide / Show an object

[_xpto]

Hi every1,

I have this code:

<Items>
                                                            <ext:ComboBox ID="cboOpt" runat="server" BoxLabel="Option" EmptyText="<none>">
                                                                <Items>
                                                                    <ext:ListItem Text="Opt 1" Value="1" />
                                                                    <ext:ListItem Text="Opt 2" Value="2" />
                                                                </Items>
                                                            </ext:ComboBox>
                                                        </Items>

How to show/hide an object after changing combobox option? I've tried put "OnTextChanged" event but it didnt work


thanks in advance

[Vladimir]

Hi,

Use Select listener of combobox

<ext:ComboBox ID="cboOpt" runat="server" BoxLabel="Option" EmptyText="<none>">
    <Items>
       <ext:ListItem Text="Opt 1" Value="1" />
       <ext:ListItem Text="Opt 2" Value="2" />
    </Items>
    <Listeners>
        <Select Handler="if(this.getValue() == 1) {#{Panel1}.hide();} else {#{Panel1.show();}}" />
    </Listeners>
</ext:ComboBox>

[_xpto]

Vladimir, many thanks it worked but I've another problem with this Panel. First of all, I changed select combo to checkBox. These checkboxs set the panel on or off, but the objects inside the panel are not appearing:

<ext:RadioGroup ID="CompositeField16" runat="server" Width="200">
   <Items>
      <ext:Radio ID="Chk1" runat="server" BoxLabel="Title 1">
        <Listeners>
          <Check Handler="if(!this.checked)#{pnlGeneral}.show();else #{pnlGeneral}.hide();" />
        </Listeners>
      </ext:Radio>
      <ext:Radio ID="chk2" runat="server" BoxLabel="Title 2">
        <Listeners>
          <Check Handler="if(this.checked)#{pnlGeneral}.show();else #{pnlGeneral}.hide();" />
          <Render Handler="#{pnlGeneral}.hide();" />
       </Listeners>
     </ext:Radio>
   </Items>
</ext:RadioGroup>
<ext:Panel ID="pnlGeneral" runat="server" Border="false" Padding="2" Layout="FormLayout" LabelAlign="Top" Width="700">
   <Items>
     <ext:CompositeField ID="CompositeField1" runat="server" AnchorHorizontal="-20" MsgTarget="Side" Width="700">
       <Items>
         <ext:Label runat="server" Html="<b>Title 1</b>" Width="250">
         </ext:Label>
         <ext:Label runat="server" Html="<b>Title 2</b>" Height="30">
         </ext:Label>
       </Items>
     </ext:CompositeField>
   </Items>
</ext:Panel>

I've already tried to use "AfterRender" but I got the same problem..


tks