RadComboBox closing RadMenu

[Jacques]

Hi, 

I have this issue with a RadComboBox closing my RadMenu drop down sub menu. I can click on input boxes and so forth and I can click to expand the ComboBox without it closing the RadMenu item, but when I select any of the items within the ComboBox it closes the RadMenu item. 

How can I prevent it from doing that? 

Regards,
Jacques

[Peter]

Hi Jacques,

This is expected behavior because RadComboBox detaches its dropdown element and places it outside the menu item template area. To avoid this, please use the following workaround:

<script type="text/javascript">
       var flag = false;

       function OnClientItemClosing(sender, args) {
           args.set_cancel(flag);
       }

       function OnClientDropDownOpening(sender) {
           flag = true;
       }

       function OnClientDropDownClosed(sender) {
           setTimeout(function() { flag = false; }, 200);

       }
   </script>
   <telerik:RadMenu ID="RadMenu1" runat="server" OnClientItemClosing="OnClientItemClosing">
       <Items>
           <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">
               <Items>
                   <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">
                       <ItemTemplate>
                           <telerik:RadComboBox ID="RadComboBox1" runat="server" Style="z-index: 99999" OnClientDropDownOpening="OnClientDropDownOpening"
                               OnClientDropDownClosed="OnClientDropDownClosed">
                               <Items>
                                   <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />
                                   <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />
                                   <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />
                               </Items>
                           </telerik:RadComboBox>
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                           <br />
                       </ItemTemplate>
                   </telerik:RadMenuItem>
               </Items>
           </telerik:RadMenuItem>
           <telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">
           </telerik:RadMenuItem>
           <telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">
           </telerik:RadMenuItem>
       </Items>
   </telerik:RadMenu>

Kind regards,
Peter
the Telerik team

[Shawn]

Can you provide an equivalent workaround for Silverlight? I am facing the exact same issue...

Thanks!

[Shawn]

Found the solution here:

http://www.telerik.com/community/forums/silverlight/menu/add-radcombobox-as-child-of-menuitem.aspx