0

jquery モバイルのオートコンプリートに問題があります。ユーザーが入力すると、ユーザーが入力したものに対応する都市がドロップダウンメニューに表示されるテキスト入力を作成したいと思います.Google検索の仕組みと同様です。

私の問題は、ドロップダウン メニューの代わりに、すべての都市の箇条書きリストを作成するだけだということです。CSS テーマを実装し、必要なすべての jquery/jquery モバイル UI スクリプトを有効にしました。

MVC で MVCpluralsight チュートリアルを見た後、都市名のデータベースに接続して、次のコードを作成することができました (これらは単なるスニペットです)。

意見

<p>Hotel Location (City): <input type="text" data-autocomplete="@Url.Action("QuickSearch", "Booking")"/></p>

Javascript/Jquery

    $(document).ready(function () {        
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete") }); 
    });
  });

コントローラ

public ActionResult QuickSearch(string term)
    {
        testautocompleteDataContext _db = new testautocompleteDataContext();
        var cities = _db.CityTests
                        .Where(r => r.city.Contains(term))
                        .Take(10)
                        .Select(r => new { label = r.city });
        return Json(cities, JsonRequestBehavior.AllowGet); 
     }

ありがとう！私は本当に助けに感謝します:)

4

1 に答える 1

0

私の間違い。実は、レイアウト ページに jquery ui を追加するのを忘れていました。愚かな間違いハハハ

于 2012-05-28T19:53:15.053 に答える