1

Web サイトにオートコンプリート機能を実装しようとしていますが、正しく動作しません。

これが私の見解のコードです:

<script src="~/Scripts/jquery-ui-1.8.20.js" type="text/javascript"></script>
<script src="~/Scripts/jquery-ui-1.8.20.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $("#SearchString").autocomplete({
            source: "/Test/AutocompleteSuggestions",
            minLength: 1,
            select: function (event, ui) {
                if (ui.item) {
                    $("#SearchString").val(ui.item.value);
                    $("form").submit();
                }
            }
        });
    });
</script>

@using (Html.BeginForm()) 
{ 
    <p> 
        Find by name: @Html.TextBox("SearchString")   
        <input type="submit" value="Search" /></p> 
}

私の autoComplete コントローラ アクションのコードは次のとおりです。

    public JsonResult AutocompleteSuggestions(string searchstring)
    {

      var suggestions = from s in db.Students
                        select s.Name;
      var namelist = suggestions.Where(n => n.ToLower().StartsWith(searchstring.ToLower()));
      // return namelist.ToList();
      return Json(namelist, JsonRequestBehavior.AllowGet);
    }

誰でも私を助けることができますか?

前もって感謝します

4

1 に答える 1