We have treeview with checkbox in combobox.We dont have any problem with chrome and firefox but combobox doesnt closed when we focused out of the control in IE.
<telerik:RadComboBox ID="cbxDepartments" runat="server" DataTextField="DEPNAME" DataValueField="DEPID"
ExpandAnimation-Type="None" CollapseAnimation-Type="None" OnClientDropDownClosing="OnClientDropDownClosing"
AllowCustomText="True" EmptyMessage="-- seçiniz --">
<ItemTemplate>
<div id="div1">
<telerik:RadTreeView ID="tvDepartments" runat="server" DataTextField="DEPNAME" DataValueField="DEPID"
DataFieldParentID="SUBDEPID" DataFieldID="DEPID" Height="140px" CheckBoxes="true">
</telerik:RadTreeView>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<ExpandAnimation Type="Linear"></ExpandAnimation>
<CollapseAnimation Type="None"></CollapseAnimation>
</telerik:RadComboBox>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function OnClientDropDownClosing(sender, args) {
// if (args.get_node().get_level() == 0)
// {
// args.set_cancel(true);
// }
// else {
var item = sender.get_items().getItem(0); // Get the first RadComboBoxItem
var treeView = item.findControl('tvDepartments'); // Find your RadTreeView
var checkedNodes = treeView.get_checkedNodes(); // Retrieve the checked items in the RadTreeView
var newText = '';
checkedNodes.forEach(function (node) { // Loop through the checked nodes. Requires jQuery!
if (newText != '') { newText += ', '; }
newText += node.get_text();
});
var comboBox = $find("<%= cbxDepartments.ClientID %>");
comboBox.set_text(newText); // Set the RadComboBox text
if ($.browser.msie) { // IE sometimes takes two tries for it to respond to new text
comboBox.set_text(newText);
// }
}
}
</script>