2017-01-03 15 views
0

ASP.NET MVC 5 jQueryのUIのオートコンプリートの検索ボックス

私は私の部分図で、次のいます。では

@Html.EditorFor(m => m.CategoryName, new { htmlAttributes = new { @id = "inputCat", @class = "form-control", @placeholder = "Enter category name...", @spellcheck = "true" } }) 

私は私が持っている部分ビューロード私のメインビュー:ここ

$('#inputCat').autocomplete({ 
    source: 'Editor/SearchCategory' 
}); 

は私のコントローラのアクションです:

public ActionResult SearchCategory(string term) 
{ 
    ApplicationDbContext db = new ApplicationDbContext(); 
    return Json(db.Categories.Where(cat => cat.CategoryName.StartsWith(term)), JsonRequestBehavior.AllowGet); 
} 

私は、ブラウザのコンソールで入力フィールドに入力すると、私はこのエラーを取得:

GET http://localhost:port/Editor/SearchCategory?term=s 500 (Internal Server Error) 

問題がどこにあるか私には理解できません。 助けていただければ幸いです。 ありがとうございます。

答えて

0

私は解決策を得ました。 RouteConfig.csファイルで新しいルーティングを作成する必要がありました。 次に、 '@ Html.Action( "ActionMethodName"、 "ControllerName")'を使用するようにソースを変更します。 これは問題のある人に役立ちます。

2

コメントを追加しますが、私はまだできません。 HTTP 500は、物事

の多くを意味することができますので、

詳細を投稿してください、あなたは、エラーの詳細については、ブラウザの開発者向けツールのネットワークタブで見たことがありますか?

デバッグして例外の詳細を取得しようとしましたか?

customErrorsweb.configでオフにして、問題の詳細をYSODに取得し、ここに投稿することができます。

+0

ありがとうございました。 ブラウザの[ネットワーク]タブ/セクションのプレビュー/チェックボックスをオンにしました。そして、私はおそらく何が起こっているのか理解していません。しかし、私は質問があります:私の入力フィールドが他のコントローラのアクションにデータをポストしているフォームにある場合、jQuery UIのこの自動補完メソッドをフォームにポストできますか? –

+1

私は分かりません。どうか明らかにしてください。自動完成がAJAXリクエストを送信するフォームを提出しない – RedgoodBreaker

+0

jQuery UIの自動補完メソッドを使用する入力フィールドがフォームにあります。私は自分のコントローラの1つにアクションメソッドをフォームにポストしています。ネットワークタブをチェックしてエラーをクリックすると、別のウィンドウにプレビュータブが表示されました。私はそのプレビュータブをクリックし、私はエラーの詳細ページを持っています。フォームが投稿されたことがわかりました。後で処理しているパラメータが「null」として渡されているため、そのエラーはそれに関連していると思いました。ですから、私はオートコンプリートメソッドが自分のフォームを「偶然」投稿できるかどうか尋ねました。私は今明らかになったと思う。私の知っているオートコンプリートの –

関連する問題