Oct 21, 2011, 8:17 PM
[CLOSED] Hidden ComboBox in Menu Panel
See attached image. I have a combo box in a menu panel, but other menu items are hiding the drop down.
<ext:Button ID="btnFilter" runat="server" Text="My Tasks">
<Menu>
<ext:Menu ID="Menu1" runat="server" ShowSeparator="false">
<Items>
<ext:ComponentMenuItem ID="ComponentMenuItem1" runat="server" Shift="false">
<Component>
<ext:Container ID="Container1" runat="server" Width="300" Height="240" Layout="HBox">
<Items>
<ext:MenuPanel ID="MenuPanel1" runat="server" Flex="1" Border="false" Margins="0 5 0 0"
Cls="white-menu">
<Menu ID="Menu2" runat="server" ShowSeparator="false">
<Items>
<ext:MenuTextItem ID="MenuTextItem1" runat="server" Text="<b class='menu-title'>Choose a Filter</b>" />
<ext:CheckMenuItem runat="server" Text="My Tasks" Icon="User" Group="Filters" ID="mnuMyTasks"
IDMode="Explicit">
<Listeners>
<Click Handler="
clearFilter(null);
#{ResponsibilityFilter}.setValue(username);
applyFilter(#{ResponsibilityFilter});
#{btnFilter}.setText(this.text);
chooseFirstRow.delay(1000);
" />
</Listeners>
</ext:CheckMenuItem>
<ext:CheckMenuItem runat="server" Text="Team Tasks" Icon="Group" Group="Filters"
ID="mnuTeamTasks" IDMode="Explicit">
<Listeners>
<Click Handler="
clearFilter(null);
#{SectorFilter}.setValue(sectorTeam);
applyFilter(#{SectorFilter});
#{btnFilter}.setText(this.text);
chooseFirstRow.delay(1000);
" />
</Listeners>
</ext:CheckMenuItem>
<ext:CheckMenuItem runat="server" Text="Investment Tasks" Icon="ChartBar" ID="mnuResearch"
IDMode="Explicit">
<Listeners>
<Click Handler="
clearFilter(null);
#{TeamGroupFilter}.setValue('Research');
applyFilter(#{TeamGroupFilter});
#{btnFilter}.setText(this.text);
chooseFirstRow.delay(1000);
" />
</Listeners>
</ext:CheckMenuItem>
<ext:CheckMenuItem runat="server" Text="Operations Tasks" Icon="ChartPie" ID="mnuOps"
IDMode="Explicit">
<Listeners>
<Click Handler="
clearFilter(null);
#{TeamGroupFilter}.setValue('Operational Due Diligence');
applyFilter(#{TeamGroupFilter});
#{btnFilter}.setText(this.text);
chooseFirstRow.delay(1000);
" />
</Listeners>
</ext:CheckMenuItem>
<ext:CheckMenuItem runat="server" Text="Advisory Tasks" Icon="UserSuitBlack" ID="mnuAdvisory"
IDMode="Explicit">
<Listeners>
<Click Handler="
clearFilter(null);
#{TeamGroupFilter}.setValue('Advisory Services');
applyFilter(#{TeamGroupFilter});
#{btnFilter}.setText(this.text);
chooseFirstRow.delay(1000);
" />
</Listeners>
</ext:CheckMenuItem>
<ext:CheckMenuItem runat="server" Text="All Tasks" Icon="World" Group="Filters" ID="mnuAllTasks"
IDMode="Explicit">
<Listeners>
<Click Handler=" #{ResponsibilityFilter}.reset(); clearFilter(null); #{btnFilter}.setText(this.text); chooseFirstRow.delay(1000); " />
</Listeners>
</ext:CheckMenuItem>
</Items>
</Menu>
</ext:MenuPanel>
<ext:MenuPanel ID="MenuPanel2" runat="server" Flex="1" Border="false" Margins="0 5 0 0"
Cls="white-menu" Width="125">
<Menu ID="Menu3" runat="server" ShowSeparator="false">
<Items>
<ext:MenuTextItem ID="MenuTextItem2" runat="server" Text="<b class='menu-title'>Title Filter</b>" />
<ext:TextField runat="server" ID="TitleFilter" EnableKeyEvents="true" DataIndex="Title">
<Listeners>
<KeyUp Handler="applyFilter(this);" Buffer="350" />
</Listeners>
</ext:TextField>
<ext:MenuTextItem ID="MenuTextItem3" runat="server" Text="<b class='menu-title'>Entity Filter</b>" />
<ext:TextField runat="server" ID="NameFilter" EnableKeyEvents="true" DataIndex="Name">
<Listeners>
<KeyUp Handler="applyFilter(this);" Buffer="350" />
</Listeners>
</ext:TextField>
<ext:MenuTextItem ID="MenuTextItem4" runat="server" Text="<b class='menu-title'>Responsibility Filter</b>" />
<ext:TextField runat="server" ID="ResponsibilityFilter" EnableKeyEvents="true" DataIndex="Responsibility">
<Listeners>
<KeyUp Handler="applyFilter(this);" Buffer="350" />
</Listeners>
</ext:TextField>
<ext:MenuTextItem ID="MenuTextItem5" runat="server" Text="<b class='menu-title'>Activity Type Filter</b>" StyleSpec="z-index:9000;" />
<ext:ComboBox ID="ComboBoxFilter" runat="server" ValueField="activityTypeId" ListWidth="75"
Width="85" TriggerAction="All" Mode="Local" DataIndex="ActivityTypeId">
<Store>
<ext:Store ID="StoreIcons" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="iconCls" />
<ext:RecordField Name="activityTypeId" />
<ext:RecordField Name="name" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<Template ID="Template4" runat="server">
<Html>
<tpl for=".">
<div class="x-combo-list-item icon-combo-item {iconCls}">
{name}
</div>
</tpl>
</Html>
</Template>
<Listeners>
<Select Handler="this.setIconCls(record.get('iconCls')); hidFilterTypeId.setValue(this.value); if(this.value=='-1') { ComboBoxFilter.reset(); applyFilter(null, true);} else applyFilter(this);" />
</Listeners>
</ext:ComboBox>
<ext:MenuTextItem ID="MenuTextItem6" runat="server" Text="<b class='menu-title'>Date Filter</b>" />
<ext:ComboBox runat="server" ID="DueDateFilter" Editable="false" Width="85" DataIndex="DueDate">
<Listeners>
<Select Handler="applyFilter(this);" />
</Listeners>
</ext:ComboBox>
<ext:TextField runat="server" ID="TeamGroupFilter" EnableKeyEvents="true" DataIndex="TeamGroup"
Hidden="true">
<Listeners>
<KeyUp Handler="applyFilter(this);" Buffer="350" />
</Listeners>
</ext:TextField>
<ext:TextField runat="server" ID="SectorFilter" EnableKeyEvents="true" DataIndex="SectorHead"
Hidden="true">
<Listeners>
<KeyUp Handler="applyFilter(this);" Buffer="350" />
</Listeners>
</ext:TextField>
</Items>
</Menu>
</ext:MenuPanel>
</Items>
</ext:Container>
</Component>
</ext:ComponentMenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
Last edited by Daniil; Oct 26, 2011 at 6:04 PM.
Reason: [CLOSED]