Hi I am trying to virtualize my radmulticolumn combobox however after virtualization I am unable to select any of the items in the combobox it doesnt select the item whenever i click to select it just closes the dropdown.
The client side Onselect event triggers but doesnt hold a selected Item-The server side on itemSelctedindexchanged event doesnt fire at all.
it is bound to a Datatable..
here is my code
Thanks alot
<telerik:RadMultiColumnComboBox ID="accDropDown"
runat="server" CssClass="multiColumn"
AutoPostBack="true" DataTextField="AccountName"
DataValueField="AccountId" AllowPaging="true"
Filter="Contains" Width="420px" OnSelectedIndexChanged="accDropDown_SelectedIndexChanged"
Font-Size="14px" CausesValidation="false" ForeColor="#666666" FilterFields="AccountName,AccountNumber"
Delay="0" Placeholder="Select An Account.." EnableServerFiltering="true"
EnableServerPaging="true" Enable="true" ClientEvents-OnSelect="ItemSelected" EnableViewState="true">
<ColumnsCollection>
<telerik:MultiColumnComboBoxColumn Field="AccountName" Title=" Account Name" Width="300px" />
<telerik:MultiColumnComboBoxColumn Field="AccountNumber" Title="Account Number" />
</ColumnsCollection>
<VirtualSettings ItemHeight="25" ValueMapper="valueMapper" />
</telerik:RadMultiColumnComboBox>
<script>
function valueMapper(options) {
$telerik.$.ajax({
url: "https://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
type: "GET",
dataType: "jsonp",
data: convertValues(options.value),
success: function (data) {
options.success(data);
}
})
}
function convertValues(value) {
var data = {};
value = $telerik.$.isArray(value) ? value : [value];
for (var idx = 0; idx < value.length; idx++) {
data["values[" + idx + "]"] = value[idx];
}
return data;
}</script>