Question

如何在点击ajax用户界面元素时阻止select2调用检索select2下拉项？我只想在输入搜索框时输入select2下拉项目。非常感激任何的帮助。

$("#ddlItems").select2({
  minimumInputLength: 0,
  width: '450px',
  allowClear: true,
  placeholder: "Select",
  id: function (data) { return { id: data.Id }; },
  ajax: { 
    quietMillis: 150,
    url: getDataUrl,
    dataType: 'json',
    quietMillis: 100,
    global: false,
    data: function (term, page) {
      return {
        clientId: $("#clientID").val(),
        pageSize: 20,
        pageNum: page,
        searchTerm: term
      };
  },
  results: function (data, page) { 
      return { results: data.items, more: data.isSearchRemaining };
  }
}

Answer 1

您必须更改minimumInputLength属性。

改变它：

minimumInputLength: 1,

当输入长度＆gt; = minimumInputLength时，完成ajax请求。因此，当minimumInputLength = 0时，select2将使用ajax检索数据是合乎逻辑的：）

您在此处有一个示例：https://select2.github.io/examples.html#data-ajax

在select2单击时阻止ajax调用

1 个答案: