目前,select2仅在用户开始输入时加载数据。我想使用一些默认值预加载下拉菜单,因此一旦用户点击下拉列表,就会有一些值可供选择。我已经查看了文档,但我找不到任何内容。有没有人知道是否有解决方法或我可以做些什么来实现这一点。
谢谢
编辑:
$('#search-paint').select2({
placeholder: "Search By:Manufacturer, Color Name, Color Code",
ajax: {
url: "/item/searchPaint",
dataType: "json",
delay: 250,
data: function (params) {
return {
q: params.term,
SprayType: $('#spray-type').val(),
page: params.page
};
},
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data.items.data,
pagination: {
more: (data.items.current_page * data.items.per_page) < data.items.total
}
};
},
cache: true
},
escapeMarkup: function (markup) {
return markup;
},
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
我尝试使用data
设置预加载数据,但它只加载第一个对象并调用select方法。我也试过initSelection
但后来我发现它的目的与我想要达到的目的不同。
答案 0 :(得分:-1)
你可以做这样的事情
var data = [];
$('#search-paint').select2({
data:data,
escapeMarkup: function (markup) {
return markup;
},
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
$.getJSON('/item/searchPaint',function(response){
data=response;
$('#search-paint').select2('refresh');
});