ComboBox - CheckBoxes Tab Key

4 posts, 0 answers
  1. Murugesh
    Murugesh avatar
    7 posts
    Member since:
    Oct 2013

    Posted 09 Jan 2014 Link to this post

    Sir,

    I am using Multiple selection Combo box (Chekcbox) in one of our page which has multiple control on the page.

    Our user is using 'TAB' key to move focus on one control to other control. If the user clicked one of the checkbox in combo box then pressed 'TAB' Key, it wont go to the next control.


    Is there any work around to use TAB key in  ComboBox - CheckBoxes?

    Thank you


    Muru
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 Jan 2014 Link to this post

    Hi Murugesh,

    As a work around please try the following code snippet which works fine at my end.

    ASPX:
    <telerik:RadComboBox ID="RadComboBox1" runat="server" CheckBoxes="true">
        <Items>
            <telerik:RadComboBoxItem Text="Item1" onkeydown="Navigate(event)" />
            <telerik:RadComboBoxItem Text="Item2" onkeydown="Navigate(event)" />
            <telerik:RadComboBoxItem Text="Item3" onkeydown="Navigate(event)" />
        </Items>
    </telerik:RadComboBox>
    <telerik:RadComboBox ID="RadComboBox2" runat="server">
    </telerik:RadComboBox>
    <asp:TextBox ID="TextBox1" runat="server">
    </asp:TextBox>

    JavaScript:
    <script type="text/javascript">
        function Navigate(event) {
            if (event.keyCode == 9) {
                var Combo = $find("<%=RadComboBox2.ClientID %>");
                Combo._element.focus();
                var combo1 = $find("<%=RadComboBox1.ClientID %>");
                combo1.hideDropDown();
            }
        }
    </script>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Murugesh
    Murugesh avatar
    7 posts
    Member since:
    Oct 2013

    Posted 16 Jan 2014 Link to this post

    Shinu,

    Thank you so much.. It worked very well on the checkbox dropdown.

    Will it work on the  Treeview dropdown with checkbox? Please see the attached screenshot.

    Thank you.

    Muru
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 Jan 2014 Link to this post

    Hello Murugesh,

    in general the RadcomboBox control have a different client-side API compared to the RadDropDownTree control. For this reason I can suggest that you refer to the following help article to get a better understanding of the client-side properties that you can use with the RadDropDownTree control - Client-side Programming section (check also the related articles) and the Keyboard Support demo of the RadDropDownTree control.

    Regards,
    Kate
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top