Add items to RadComboBox error

[Francisco Tirado]

Hello, I have a trouble adding items to RadComboBox in client side.
I tried to add items in two different ways:

In this way:
    FillServiceTypes: function () {
        var i = 0;
        var servTypeComboBox = $find("<%= rcbServiceTypes.ClientID%>");
        for (i = 0; i <= 5; i++) {
            var rcbItem = new Telerik.Web.UI.RadComboBoxItem();
            rcbItem.set_text("Item " + i);
            rcbItem.set_value(i);
            servTypeComboBox.trackChanges();
            servTypeComboBox.get_items().add(comboItem);
            servTypeComboBox.select();
            servTypeComboBox.commitChanges();
        }
    }

And in this other:
    FillServiceTypes: function () {
        var i = 0;
        var items = [];
        var servTypeComboBox = $find("<%= rcbServiceTypes.ClientID%>");
        for (i = 0; i <= 5; i++) {
            var rcbItem = new Telerik.Web.UI.RadComboBoxItem();
            rcbItem.set_text("Item " + i);
            rcbItem.set_value(i);
            items[items.length] = rcbItem;
        }
        servTypeComboBox.insertItems(items);
    }

In both ways i received this error:
Microsoft JScript runtime error: Object doesn't support this property or method

Can someone help me how to resolve this trouble?, please.
Thanks in advance.

Francisco.

[Shinu]

Hello Francisco,


I suppose the problem occurred because you are calling select() and insertitems() methods for RadComboBox client object which are not there (not supported). And you can call select() method for RadComboBoxItem (not RadComboBox) client object to select the particular item.

Try with the following client code:

JavaScript:

FillServiceTypes: function() {
    var i = 0;
    var servTypeComboBox = $find("<%= rcbServiceTypes.ClientID%>");
    for (i = 0; i <= 5; i++) {
        var rcbItem = new Telerik.Web.UI.RadComboBoxItem();
        rcbItem.set_text("Item " + i);
        rcbItem.set_value(i);
        servTypeComboBox.trackChanges();
        servTypeComboBox.get_items().add(rcbItem);
        //  servTypeComboBox.select();
        servTypeComboBox.commitChanges();
    }
}

Happy coding ;)
Shinu.

[Francisco Tirado]

Thank you for reply, but I still getting the same error: "Object doesn't support this property or method".
The lines where I received the errors are:

In the first piece of code
servTypeComboBox.trackChanges();
servTypeComboBox.get_items().add(comboItem);
servTypeComboBox.select();
servTypeComboBox.commitChanges();

When I place the cursor on any of these functions, I get "undefined" for the function definition.
I attach an image with the "undefined" function.

In the second piece of code I received  the error in this line
servTypeComboBox.insertItems(items);

Cheers.
Francisco

[Kalina]

Hello Francisco Tirado,

As I understand you are trying to select a RadComboBoxItem at client-side with RadComboBox.select() - there is no such function supported and that is why you receive an error.

Please use RadComboBoxItem.select() instead:

FillServiceTypes: function() {
    var i = 0;
    var servTypeComboBox = $find("<%= rcbServiceTypes.ClientID%>");
    for (i = 0; i <= 5; i++) {
        var rcbItem = new Telerik.Web.UI.RadComboBoxItem();
        rcbItem.set_text("Item " + i);
        rcbItem.set_value(i);
        servTypeComboBox.trackChanges();
        servTypeComboBox.get_items().add(rcbItem);
        //  servTypeComboBox.select(); - this is not a function
        servTypeComboBox.commitChanges();
    }

    // find an item to select
    var selectedItem = servTypeComboBox.findItemByValue(5);
    selectedItem.select();
}

You can find more details about RadComboBox client-side methods and properties here.

Kind regards,
Kalina
the Telerik team

[Francisco Tirado]

Thanks for your reply, currently I change the way to fill the RadComboBox now I'm using WebServiceSettings to get the data.
And now I know why I was receiving that error, not for the reason that you say, was I mistake of my side.

Thanks for your help.

Cheers.
Francisco