what is proper way to get list of checked items in javascript?

[Doug]

I used javascript debugger and did find an object to get the "checked" items in my RadComboBox.
what is the proper way to do this so I can clean up my code?
in my case I am getting the list of categories to send to RadScheduler provider

    window.OnClientAppointmentsPopulating = function (sender, eventArgs) {
        var combobox = $find("<%=ddlCatToShow.clientID %>");
        var list = "";
        var items = combobox.get_items();
        var array = combobox._checkedIndices.toString().split(',')
        for (var i = 0; i < array.length-1; i++) {

            var item = items.getItem(array[i]);
        //alert(item.get_text());
        //alert(item.get_value());
            list += item.get_value() + ",";
        }
        eventArgs.get_schedulerInfo().CategoryList = list.replace(/,\s*$/, "");
};

[Loïc]

Hi Doug,

The best proper way to get list of checked items in javascript is to call the ".get_checkedItems()" method of your RadComboBox.

var combobox = $find("<%=ddlCatToShow.clientID %>");
var checkedItems = combobox.get_checkedItems();

for (var i = 0; i < checkedItems.length; i++) {
  // Your code here
}

 

More information here : RadComboBox Object.

[Karthik]

When I try to access the radcombobox in document onload, I receiving the object as null in IE11 only. (works in edge, chrome and FF)

what is the best approach to access the radcombobox in document onload for IE.

$(document).ready(function () {
var combo = $find("<%=EmailNotificationTypesComboBox.ClientID%>");
        var items = combo.get_items();
}

[Vessy]

Hi Karthik,

The best way to ensure that the ComboBox is fully loaded before trying to access its client-side object (for all browsers) is to handle the control's OnClientLoad event:

https://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/client-side-programming/events/onclientload

For example:

 <script>
            function onComboLoad(combo, args) {
                var items = combo.get_items();
            }
        </script>
        <telerik:RadComboBox ID="EmailNotificationTypesComboBox" runat="server" OnClientLoad="onComboLoad">
           ...
        </telerik:RadComboBox>

Regards,
Vessy
Progress Telerik