javascript - 阻止 select2 click 上的 ajax 调用

Question

如何防止在单击 select2 用户界面元素时调用 ajax 来检索 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,

当您的输入长度>=minimumInputLength时，ajax请求完成。因此，当minimumInputLength = 0时，select2将使用ajax检索数据是合乎逻辑的:)

这里有一个示例:https://select2.github.io/examples.html#data-ajax