$ajax.select2({
ajax: {
url: "/TestSelect2DropDown/GetCountries",
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data.result.items,
pagination: {
more: (params.page * 30) < data.result.totalCount
}
};
},
cache: true
},
escapeMarkup: function (markup) { return markup; },
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
function formatRepo(repo) {
if (repo.loading) return repo.displayText;
var markup = "<div class='select2-result-repository clearfix'>" +
"<div class='select2-result-repository__title'>" + repo.displayText + "</div>";
if (repo.displayText) {
markup += "<div class='select2-result-repository__description'>" + repo.displayText + "</div>";
}
markup += "<div class='select2-result-repository__statistics'>" +
"</div></div>";
return markup;
}
function formatRepoSelection(repo) {
return repo.displayText;
}
&#13;
<select class="js-example-data-ajax form-control">
<option value="3620194" selected="selected">select2/select2</option>
</select>
&#13;
我尝试在select2下拉列表中使用ajax获取数据。我得到数据但是当我尝试选择一个元素时,它会被选中。此下拉没有滚动显示其他页面中的数据 有什么想法可以解决这个问题吗?