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

Rad Combo Box And How Take It's Focus Off

4 Answers 205 Views

ComboBox

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

Majid Darab asked on 09 Feb 2010, 05:25 PM

hi my dear friends:
i have two radcombobox on my page and i am controling their focus by jquery...
also i have some code on their OnClientFocus , therefore focus and blur are so important ...
my aspx and jquery code are like this : (without RadComboBox -> OnClientFocus )

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="Darman.WebForm4" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server"> 
        
                <title></title> 
        
                    <script src="../JQuery/jquery-1.4.1.js" language="javascript" type="text/javascript"></script> 
        
                <script type="text/javascript"> 
        
                    $(function() { 
        
                    $('input[id$=RadComboBox1_Input]').focus(); 
        
                    $('input[id$=RadComboBox1_Input]').select(); 
        
                    $('input[id$=RadComboBox1_Input]').bind('keyup', function(e) { 
        
                            var code = (e.keyCode ? e.keyCode : e.which); 
        
                            if (code == 13) { 
        
                                $('input[id$=RadComboBox1_Input]').blur(); 
        
                                $('input[id$=RadComboBox2_Input').focus(); 
        
                                $('input[id$=RadComboBox2_Input]').select(); 
        
                            } 
        
                        }); 
        
                        $('input[id$=RadComboBox2_Input]').bind('keyup', function(e) { 
        
                            var code = (e.keyCode ? e.keyCode : e.which); 
        
                            if (code == 38) { 
        
                                $('input[id$=RadComboBox2_Input]').blur(); 
        
                                $('input[id$=RadComboBox1_Input').focus(); 
        
                                $('input[id$=RadComboBox1_Input]').select(); 
        
                            } 
        
                        }); 
        
                    }); 
        
                        </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                    <telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Outlook"> 
        
                        <Items> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1"  
        
                                Value="RadComboBoxItem1" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2"  
        
                                Value="RadComboBoxItem2" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3"  
        
                                Value="RadComboBoxItem3" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4"  
        
                                Value="RadComboBoxItem4" /> 
        
                        </Items> 
        
                    </telerik:RadComboBox> 
        
                    <telerik:RadComboBox ID="RadComboBox2" runat="server" Skin="Office2007"> 
        
                        <Items> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1"  
        
                                Value="RadComboBoxItem1" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2"  
        
                                Value="RadComboBoxItem2" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3"  
        
                                Value="RadComboBoxItem3" /> 
        
                            <telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4"  
        
                                Value="RadComboBoxItem4" /> 
        
                        </Items> 
        
                    </telerik:RadComboBox> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

it seems that radcombo box can not foreget it's focus and stick with that , therefore when i play with 2 buttons (enter=13 and upper key=38 as you see in the upper code - Jquery) For Changing Their Focus so RadComboBox OnClientFocus does not fire until i click on my page and Click On the RadComboBox Again...
These Lines do not work:
1-$('input[id$=RadComboBox1_Input]').blur();
2-$('input[id$=RadComboBox2_Input]').blur();
how can i take focus off from radcombo box and destroy it's highlight?
thanks a lot

4 Answers, 1 is accepted

answered on 25 Oct 2011, 07:33 PM

I know this thread is months old, but I recently had to solve the same problem.

Everything up to domObj.focus(); will focus the element.

Everything after that is to select all of the text.

I'm still not sure what causes the exception on domObj.select(), but it happens intermittently, and the catch is an alternate way to select all the text that also throws an exception intermittently. Using both has been 100% reliable thus far (and it's been a few months).

function SetFocusRadCombo(clientId) {
	var x = $find(clientId);
	var domObj = x.get_inputDomElement();
	domObj.focus();
	try {
		domObj.select();
	}
	catch (err) {
		x.selectText(0, x.get_text().length);
	};
}