radtoolbar button closes on child click

[Doug R]

Please see attached. When I click on the dropdown list inside the radtoolbarbutton itemtemplate, the entire toolbarbutton closes. How do I keep it open? I only want it to close if the user clicks outside of the radtoolbarbutton area.

Thanks!

[Yana]

Hi Doug,

Here is a simple solution of this issue:

- subscribe to OnClientDropDownClosing event of the toolbar and cancel it in case a combobox item is clicked:

<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientDropDownClosing="dropDownClosing">
    <Items>
        <telerik:RadToolBarDropDown>
            <Buttons>
                <telerik:RadToolBarButton Text="item1">
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" Text="test test" />
                        <telerik:RadComboBox ID="RadCOmboBox1" runat="server" ZIndex="9001">
                            <Items>
                                <telerik:RadComboBoxItem Text="item1" />
                                <telerik:RadComboBoxItem Text="item2" />
                            </Items>
                        </telerik:RadComboBox>
                    </ItemTemplate>
                </telerik:RadToolBarButton>
            </Buttons>
        </telerik:RadToolBarDropDown>
    </Items>
</telerik:RadToolBar>

and here is the event handler:

function dropDownClosing(sender, args) {
    if (args.get_domEvent().srcElement.className.indexOf("rcbHovered") > -1)
        args.set_cancel(true);
}

Regards,
Yana
the Telerik team