LoadOnDemand RadComboBox in a UserControl

[Thomas]

I have a RadComboBox in a UserControl. The RadComboBox has EnableLoadOnDemand = true. How do I get the value of the combobox on the client side from a parent page or container control? I have tried:

var foo = $find('<%=this.UserControlInstanceName.ClientID %>');
foo.get_value();
foo.get_text();

and

var foo = $find('<%=this.UserControlInstanceName.FindControl("RadComboBoxName").ClientID %>');
foo.get_value();
foo.get_text();

In both cases, it simply returns the default of the combo box instead of what is current set.

[Thomas]

I found the problem and have a solution. The issue is that the call to this.MyUserControl.ClientID returned the ClientID for the UserControl as opposed to ClientID of the ComboBox in the UserControl.

My solution was to created a public property called "ComboBoxClientID" on the UserControl which returned the ClientID of the ComboBox. My javascript code then looks like:

var foo = $find("<%= this.MyUserControl.ComboBoxClientID %>");
foo.get_value();

[Veselin Vasilev]

Hello Thomas,

Thank you for sharing the approach with the community.

Another implementation would be to have a global javascript variable:
var combo;

and subscribe to the OnClientLoad client-side event and in its handler set:

combo = sender;


Regards,
Veskoni
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Thomas]

Hi Veskoni,

Unfortunately, that approach will not work if there are multiple instances of the UserControl on the same form.

[Veselin Vasilev]

Hi Thomas,

Yes, absolutely.

Sincerely yours,
Veskoni
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.