Hello,
I want to use the virtualization feature of the DropDownList component but it does not work correctly. In the attached screenshot you see that there is not scrollbar in the dropdown and the list of elements is larger than the dropdown box. Furthermore, the gap between the elements is too large (I used the settings for itemHeight and height as specified on your example page).
Here is my code:
$(document).ready(
function
() {
$(
"#select14349870649078014764761"
).kendoDropDownList({
filter:
'contains'
,
dataTextField:
'project_title'
,
dataValueField:
'project_id'
,
virtual: {
valueMapper:
function
(options) {
$.ajax({
url:
'/project/getRowNumber'
,
type:
'GET'
,
data: {
filterValue: options.value
},
success:
function
(data) {
options.success(data);
}
});
}
},
dataSource: {
pageSize: 80,
serverPaging:
true
,
serverFiltering:
true
,
transport: {
read: {
url:
'/project/select?filterProperty=title'
}
},
schema: {
model: {
fields: {
project_title: {type:
'string'
},
project_id: {type:
'number'
}
}
}
}
}
});
});
Regards
Sebastian