在 jQueryUI 自动完成中创建 minLength 异常

Question

我有一组数据，要求自动完成在写入 3 个字符后显示结果。但是，有一条数据只有两个字符长..（'LG'）。

所以我的问题是；

有没有办法保留 :minLength:3，同时为输入某些字符（例如 ('LG')）创建异常？

我一直在尝试在成功参数中对结果进行硬编码，如下所示，但它没有按预期工作。我希望我走在正确的轨道上？

这是一个sn-p的代码，以及到目前为止的完整代码；

 success: function (LG, resp) {
         if (LG.length === 2) {
                LG.push({
                  label: 'LG',
                  value: 'LG',
                });
            }
        response(LG);

        var results = [];
        $.each(resp.Q0, function(k, v) {
          if (v.indexOf(request.term.toUpperCase()) >= 0) {
            results.push(v);
          }
        });
        response(results);
      }
    });
  },

https://plnkr.co/edit/wfAoi0sZDdDd0pCufQi9

Answer 1

我认为一个选项是修改 minChars 并修改成功函数。 我在这里添加代码，告诉我是否适合您的问题。

$(document).ready(function() {
      setTimeout(function() {
        $('#_Q0').autocomplete({
  source: function(request, response) {
    $.ajax({
      url: "brands.json",
      dataType: "JSON",
      type: "GET",
      success: function (resp) {
        var results = [];
        $.each(resp.Q0, function(k, v) {
           if (request.term.length >= 3 && v.indexOf(request.term.toUpperCase()) >= 0) {
                    results.push(v);
           }
           if (request.term.length == 2 && request.term.toUpperCase() == v) {
                    results.push(v);
           }
        });
        response(results);
      }
    });
  },
  autoFocus: true,
  minLength: 2,
  response: function(event, ui) {
    if (!ui.content.length) {
      var noResult = {
        value: "",
        label: "No results found"
      };
      ui.content.push(noResult);
    } 
  }
});
var render = $('#_Q0').autocomplete('instance')._renderMenu;
$('#_Q0').autocomplete('instance')._renderMenu = function(ul, items) {
  items.push({
    label: 'AUTRE MARQUE',
    value: 'AUTRE MARQUE',
    last: true
  });
  render.call(this, ul, items);
};
  }, 100);
});

我不太喜欢的一点是我必须将 minChars 硬编码到成功函数中，也许我们可以找到从属性“minChars”中恢复值的方法

https://plnkr.co/edit/ygtMteIH1J5EI5KUMU3C?p=preview