Question

我在ASP.NET MVC4中使用jQuery Autocomplete。我第一次尝试自动完成时，它不会工作。（在控制器中设置断点，但没有命中）然后我重新启动浏览器，一切正常。这是我的代码：

    <div class="ui-widget">
        <input type="search" name="Gemeente" class="ui-autocomplete" placeholder="Gemeente" />
    </div>



  <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $('.ui-autocomplete').autocomplete({
                source: '@Url.Action("../RelatieZoeken/AutocompleteGemeenten")',
                minLength: 2,
                delay: 10
            });
        });
    </script>



public ActionResult AutocompleteGemeenten(string term)
    {
        List<string> items = new List<string>();

        items = _zoekClient.GetGemeenten();

        List<string> filteredItems = new List<string>();

        filteredItems = items.Where(test => test != null && test.ToLower().StartsWith(term.ToLower())).Take(5).ToList();

        return Json(filteredItems, JsonRequestBehavior.AllowGet);
    }

Answer 1

尝试修改 minLength = 1 ：

minLength：用户在激活自动填充之前必须输入的最小字符数。零对于只有几个项目的本地数据很有用。当有很多物品时，应该增加，其中一个角色可以匹配几千个物品。

例如

  <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $('.ui-autocomplete').autocomplete({
                source: '@Url.Action("../RelatieZoeken/AutocompleteGemeenten")',
                minLength: 1,
                delay: 10
            });
        });
    </script>

自动完成jQuery仅在浏览器重启后才有效

1 个答案: