This is a migrated thread and some comments may be shown as answers.

ComboBox - CheckBoxes Tab Key

3 Answers 82 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Murugesh
Top achievements
Rank 1
Murugesh asked on 10 Jan 2014, 01:22 AM
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

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 10 Jan 2014, 04:47 AM
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.
0
Murugesh
Top achievements
Rank 1
answered on 17 Jan 2014, 01:58 AM
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
0
Kate
Telerik team
answered on 21 Jan 2014, 02:45 PM
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.
Tags
ComboBox
Asked by
Murugesh
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Murugesh
Top achievements
Rank 1
Kate
Telerik team
Share this question
or