在我的Laravel 5.4应用程序中,我想使用Select2过滤我的"提供商"那样:
https://paste.laravel.io/RowKK
Select2 Box显示正确的内容,但当我开始输入提供商的名称时,它不会过滤正确的项目。
在示例页面上使用相同的内容时,这是有效的。
我的错误是什么想法?
此致
kay899
答案 0 :(得分:0)
仍然是你的API后端将进行过滤,你所要做的就是通过你的ajax中的data
属性传递查询词。示例params.term
已传递到q
属性并从API后端拉出。
示例GitHub存储库拉动:
function formatRepo (repo) {
if (repo.loading) return repo.text;
return repo.full_name
}
function formatRepoSelection (repo) {
return repo.full_name || repo.text;
}
$(".js-data-example-ajax").select2({
placeholder: 'Select an item',
ajax: {
url: "https://api.github.com/search/repositories",
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function (data, params) {
// notice we return the value of more so Select2 knows if more results can be loaded
//console.log(data.items)
params.page = params.page || 1;
return {
results: data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
},
cache: true
},
escapeMarkup: function (markup) { return markup; },
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet"/>
<select class="js-data-example-ajax" style="width:500px;">
<option selected="selected"></option>
</select>