| RadControls version |
RadControls for ASP.NET AJAX Q1 2009+
|
| .NET version |
2.0+
|
| Visual Studio version |
2005/2008
|
| programming language |
JavaScript
|
| browser support |
all browsers supported by RadControls for ASP.NET AJAX
|
PROJECT DESCRIPTION
The projects shows how to combine a RadListBox inside a RadComboBox Item Template to achieve multiple selection drop down.
The Text and Value of *all* selected Items are stored respectively as Text of the ComboBox and as Value of the *only* ComboBox Item. Each time an Item is selected/deselected in the ListBox, these two are updated to reflect the selection.
function onSelectedIndexChanged(sender, eventArgs) {
updateComboBox(sender);
}
function updateComboBox(listBox) {
var text = "";
var value = "";
var items = listBox.get_selectedItems();
for (var i = 0; i < items.length; i++) {
var item = items[i];
//Check whether the Item's 'selected' attribute is set to true.
if (item.get_selected()) {
text += item.get_text() + ", ";
value += item.get_value() + ", ";
}
}
text = text.substring(0, text.length - 2);
value = value.substring(0, value.length - 2);
var comboBox = $find("RadComboBox1");
//Set the text of the RadComboBox to the texts of the selected Items, separated by ','.
comboBox.set_text(text);
//Set the value of the RadComboBox to values of the selected Items, separated by ','.
comboBox.trackChanges();
comboBox.get_items().getItem(0).set_value(value);
comboBox.commitChanges();
}