Disable a RAD combo box using javascript

[saravanan k]

hi,

I have a asp:Button. OnCLientClick of the button, I call a javascript method-> Test()

function Test()
{
document.getElementById('Id of the combo box').disabled=true;
}

I am unable to do so. Please advice on how to proceed.

Thanks,
Saravanan

[Princy]

Hello Saravanan,

Use the folowing code in order to disable the ComboBox.

Client Code:

var combo = $find("<%= ComboBox1.ClientID %>");
combo.disable();

You can also refer following link to online documentation which explains client side methods of combo.
Client-Side Basics

Regards,
Princy.

[David Simmonds]

enable() and disable() are invalid methods for a RadComboBox.

This does not work:

 

 

var cb = document.getElementById("<%= RadComboBoxBIN.ClientID %>");

 

cb.enable();

I have to use document.getElementById because $find returns null.

Why can I not use enable()/disable() now? What do I use instead?

This also does not enable or disable the combobox. It does not cause an error like enable()/disable() does but it has no effect.

document.getElementById(

 

"<%= RadComboBoxBIN.ClientID %>").disabled = false;

 

document.getElementById(

 

"<%= RadComboBoxBIN.ClientID %>").disabled = true;

Does anyone have any ideas?

 

[Cori]

Hello David,

If you are trying to disable it when the page loads. I assume you are trying to disable/enable when the page loads, if you get null from $find. You would have to do this to disable the RadComboBox:

Sys.Application.add_load(DisableRadComboBox);

function DisableRadComboBox()
{
   var combo = $find("<%=RadComboBox1.ClientID%>");
   combo.disable();
}

You would create another one that would do the reverse.

I hope that helps.

[David Simmonds]

I tried using the documented enable() and disable() methods but when I run the code and I try to use enable() or disable() I get an error indicating that those methods are not valid. Why is this? The methods are documented. http://www.telerik.com/help/aspnet-ajax/combo_clientsideradcombobox.html

[David Simmonds]

Turns out you have to use $find and not document.getelementbyid to get the full api of the object.

[Kalina]

Hi David Simmonds,

The document.getElementById returns a DOM object, and $find returns the AJAX control client-side object.

I will recommend you use $find to get the RadComboBox client-side object, and after that use the enable() and disable() functions.
Please find more details about RadComboBox client-side methods and properties here.

Greetings,
Kalina
the Telerik team