Laravel Select2 框未过滤

Question

在我的 Laravel 5.4 应用程序中，我想使用 Select2 过滤我的 "Providers"，就像这样：

https://paste.laravel.io/RowKK

Select2 框显示正确的内容，但是当我开始输入提供商的名称时，它没有过滤正确的项目。

在示例页面上使用相同的内容时，这是有效的。

有什么想法我做错了吗？

此致

kay899

Answer 1

它仍然是您的 API 后端将进行过滤，您所要做的就是通过 data 属性在您的 ajax.例如，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>

Laravel Select2 框未过滤

Laravel Select2 Box not filtering

laravel

select2