カスタムアクション

カスタムアクションも、MVCアプリケーションでAutoCompleteを使用する場合に重要な機能の1つです。AutoCompleteコントロールを使用して実行するカスタムアクションを指定できます。たとえば、以下のコードは、カスタムアクションを使用して、ユーザーが文字を入力した後にデータをフィルタ処理します。

次の画像は、カスタムアクションを使用して、AutoCompleteがどのように表示されるかを示します。

次のコード例は、AutoCompleteでカスタムアクションを使用する方法を示します。

コードの場合

AutoCompleteController.cs

Razor	コードのコピー
public ActionResult Index() { return View(); } public ActionResult Heuristic(string query, int max) { var prefix = new[] { "What is ", "Where to find ", "Who is best at ", "Why ", "How to make " }; return this.C1Json(prefix.Select(f => f + query + "?").ToList(), behavior: JsonRequestBehavior.AllowGet); }

Razor

コードのコピー

public ActionResult Index()
        {
            return View();
        }
        public ActionResult Heuristic(string query, int max)
        {
            var prefix = new[] { "What is ", "Where to find ", "Who is best at ", "Why ", "How to make " };
            return this.C1Json(prefix.Select(f => f + query + "?").ToList(),
                        behavior: JsonRequestBehavior.AllowGet);
        }

AutoComplete.cshtml

Razor	コードのコピー
<div> <label>カスタムアクション</label> @(Html.C1().AutoComplete() .ItemsSourceAction(Url.Action("Heuristic")) ) </div>