Telerik UI for Windows 8 HTML

This article describes the events fired by RadComboBox, their usage and most notable event arguments.

Event Name




Fires when the value of the RadComboBox changes. The RadComboBox control whose value has changed. The new value can be accessed through


Fires when the dropdown list of RadComboBox is closed. The RadComboBox control whose dropdown was closed.


Fires when the control is about to databind. The RadComboBox control which is about to be bound.


Fires immediately after the control is databound. The RadComboBox control that has been bound.


Fires when the dropdown list of RadComboBox is shown. The RadComboBox control which dropdown has been opened.


Fires when an item is selected from the dropdown list. The RadComboBox control in which an item has been selected.

e.item: The jQuery object which represents the selected item.

Here is an example of using the select event to access information about the selected item:

RadComboBox Declaration Copy imageCopy
<span id="myComboBox" data-win-control="Telerik.UI.RadComboBox" data-win-options="{
        dataSource: [
            { Name: 'Item1', ID: 1 },
            { Name: 'Item2', ID: 2 },
            { Name: 'Item3', ID: 3 }
        dataTextField: 'Name',
        dataValueField: 'ID',
        onselect: Sample.Helpers.itemSelected
<span id="selection" style="color: #33ccff"></span>
Event Handler Copy imageCopy
WinJS.Namespace.define("Sample.Helpers", {
    itemSelected: WinJS.Utilities.markSupportedForProcessing(function (e) {
        var itemIndex = e.item.index();
        var dataItem =;
        document.getElementById("selection").innerText = "Selected: " + dataItem.Name;