RadComboBox 不会在单击时折叠

Question

当您单击一个典型的 ComboBox 时，它会展开。当您再次单击它时，它会折叠。

当您单击 RadComboBox 时，它会展开。当您再次单击它时，没有任何反应。也就是说，除非您单击箭头或实际进行选择。

我希望我的 RadComboBox 在第二次单击时折叠，就像普通的 ComboBox 一样。由于 RadComboBox 被转换成带有自己的 CSS 样式的一大堆 HTML，我不知道该怎么做。

这是我声明控件的方式。

public static RadComboBox makeARadicalBox() {
    RadComboBox cmbo = new RadComboBox();
    cmbo.ID = "MyRadicalComboBox";

    List<string> listItems = getListItems();
    foreach (string s in listItems)
        cmbo.Items.Add(new RadComboBoxItem(s));

    cmbo.Skin = "myRadicalSkin";

    // TODO - Make the *entire* box clickable instead of just the little arrow

    return cmbo; 
}

Answer 1

知道了。当您单击 RadComboBox 时，如果下拉菜单打开则隐藏下拉菜单，否则显示下拉菜单。然后mouseup 部分不会闪烁（快速打开/关闭）。

JavaScript：

<script type="text/javascript">

    function onLoad(sender) {
        var div = sender.get_element();

        $telerik.$(div).mousedown(function (e) {
            if (sender.get_dropDownVisible()) {
                sender.hideDropDown();
            }
            else {
                sender.showDropDown();
            }
        });

        $telerik.$(div).mouseup(function (e) {
            if (!sender.get_dropDownVisible()) {
                sender.hideDropDown();
            }
        });
    }

</script>

.aspx:

<telerik:RadComboBox runat="server" ID="RadComboBox1" 
ShowDropDownOnTextboxClick="false" OnClientLoad="onLoad">
    <Items>
        <telerik:RadComboBoxItem runat="server" Text="FoodStorage" />
        <telerik:RadComboBoxItem runat="server" Text="Freezer" />
        <telerik:RadComboBoxItem runat="server" Text="Fridge" />
        <telerik:RadComboBoxItem runat="server" Text="Microwave" />
        <telerik:RadComboBoxItem runat="server" Text="OnTheGo" />
        <telerik:RadComboBoxItem runat="server" Text="Pantry" />
    </Items>
</telerik:RadComboBox>