带有远程数据源下拉列表的 Select2 显示“正在搜索... - 未定义”，然后在选择后显示“无法加载结果”

Question

我将 select2 4.0.5 与 ajax 一起使用。如果我在下拉列表中搜索并选择结果，它会很好地工作。

但是在下拉列表中选择一个值后，如果我再次重新打开下拉列表（单击 select2 对象）下拉列表显示“正在搜索... - 未定义”然后“无法加载结果”

Answer 1

我已经解决了。

“正在搜索... - 未定义”：在 templateResult 我添加检查 result.loading

templateResult : function (result) {
 if (result.loading) 
   return "Searching...";
   return result.text + " - " + result.description; 
}

在选择后重新打开下拉菜单时，我发现 ajax 数据 params.term 在重新打开下拉菜单时为空白。它修复了

ajax: {
  ... 
  data: function (params) {
    var query = {
      term: params.term || $('#CurrencyID').select2('data')[0].text
    }
}