Closing of Combo Box with Multi-Select Checkbox Items

5 posts, 1 answers
  1. darenkov
    darenkov avatar
    20 posts
    Member since:
    Mar 2007

    Posted 30 Mar 2010 Link to this post

    Hi, I followed an example online of a multi-select combo box with a series of checkboxes in it. I am able to generate it and select multiple checkboxes but there is no mechanism for the user to close the combo box (unless perhaps clicking away from it.

    Is there a way to do this that is obvious to the user, such as having a little link at the bottom of the combo window that says "close" or something similar?
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 31 Mar 2010 Link to this post

    Hello,

    One suggestion would be placing Label/Button control in FooterTemplate section of RadComboBox with onclick clicent event attached to it. In the onclick event handler, access the RadComboBox and hide the dropdown from code. Use the hideDropDown() method for cloing the dropdown.

    aspx:

     
    <telerik:RadComboBox ID="RadComboBox1">  
           . . .  
        <FooterTemplate>  
            <asp:Label ID="Label1" runat="server" Text="Close" onclick="CloseMe();"></asp:Label>  
        </FooterTemplate>  
    </telerik:RadComboBox> 

    javascript:

     
    <script type="text/javascript">  
        function CloseMe() {  
            var combo = $find('<%= RadComboBox1.ClientID %>');  
            combo.hideDropDown();  
        }  
    </script> 

    -Shinu.

  3. darenkov
    darenkov avatar
    20 posts
    Member since:
    Mar 2007

    Posted 02 Apr 2010 Link to this post

    Thanks Shinu
  4. Anumeha
    Anumeha avatar
    36 posts
    Member since:
    Aug 2010

    Posted 12 Oct 2010 Link to this post

    I am having a similar issue.

    The CloseME function does not get called in my case. When i click the footer nothing happens.
    Also, is it necessary to have the user click somewhere. Can the multi-select combobox behave like the other combos.

    This is how my combo is declared:
    <telerik:RadComboBox runat="server" ID="RadComboBox1" EnableLoadOnDemand="false"
                                    Width="350px" OnPreRender="RadComboBox1_PreRender" AllowCustomText="true" Height="325px"
                                    LoadingMessage="loading.." OnClientSelectedIndexChanging="OnClientSelectedIndexChanging"
                                     OnClientDropDownOpening="OnClientDropDownOpening"
                                    OnClientDropDownClosing="OnClientDropDownClosing" OnClientBlur="OnClientBlur"
                                    OnItemDataBound="RadComboBox1_ItemDataBound">
                                    <ItemTemplate>
                                        <table>
                                            <tr>
                                                <td>
                                                    <asp:CheckBox ID="CheckBox1" runat="server" onclick="stopPropagation(event, this);"
                                                        ToolTip="Adds as option" />
                                                </td>
                                                <td>
                                                    <asp:RadioButton ID="RadioButton1" runat="server" GroupName="Type" onclick="SetUniqueRadioButton();"
                                                        ToolTip="Sets as default" />
                                                </td>
                                                <td>
                                                    <%# DataBinder.Eval(Container.DataItem,"FullName") %>
                                                </td>
                                            </tr>
                                        </table>
                                    </ItemTemplate>
                                    <FooterTemplate>
                                        <asp:Label ID="Label1" runat="server" Text="Close" onclick="CloseMe();"></asp:Label>
                                    </FooterTemplate                                  
                                </telerik:RadComboBox>
  5. Kalina
    Admin
    Kalina avatar
    918 posts

    Posted 18 Oct 2010 Link to this post

    Hello Anumeha,

    I am afraid that the code snippet provided is not sufficient for us to reproduce the issue.
    Could you please paste here the full code of your page?
    Thank you in advance.

    Greetings,
    Kalina
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top