Laravel Select2 Box不过滤

时间:2017-04-02 12:25:16

标签: laravel select2

在我的Laravel 5.4应用程序中,我想使用Select2过滤我的"提供商"那样:

https://paste.laravel.io/RowKK

Select2 Box显示正确的内容,但当我开始输入提供商的名称时,它不会过滤正确的项目。

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

我的错误是什么想法?

此致

kay899

1 个答案:

答案 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>