MVCアプリケーションがあります。テキストボックスの値に応じたテキストボックスがあり、データベースからグリッドまでの検索アイテムをポストバックなしで表示したいと思います。この質問が間違っている場合、私はMVCを初めて使用します、親切に訂正してください。
1 に答える
ASP.NET MVCを初めて使用する場合は、これらのチュートリアルをお勧めしますが、無料です。
http://www.asp.net/mvc/pluralsight
あなたの質問に答えるには、次のことをする必要があります(高レベル)
テキストボックス値を送信するAjaxリクエストを作成するJavaScript/JQueryを記述します。これは、意味のある結果を得るためにx量の文字が入力された後も、少し遅れてKeyUpイベントで発生するはずです。
このAjaxリクエストは、データベースルックアップを実行できるコントローラーアクションを呼び出します。これにより、JSONが返されます。
Javascriptで結果をレンダリングして、ユーザーが結果を選択できるようにする必要があります。これによりテキストボックスにデータが入力され、ユーザーは検索ボタンをクリックして検索を実行できます。
http://jqueryui.com/autocompleteは、前述のクライアント側の機能のほとんどを実行できるプラグインです。
これは素晴らしいASP.NETMVCAJAXチュートリアルです。
アップデート
- Javascriptで結果をレンダリングして、ユーザーが結果を選択できるようにする必要があります。これにより、テキストボックスにデータが入力されます。ユーザーは検索ボタンをクリックするか、ラストクリックなしで起動できます。いずれにしても、グリッドを再バインド/レンダリングする必要があります。選択したフィルターを適用すると、これは別のAJAXリクエストである必要があります。
これらのいずれかを使用して、データバインディングとAJAX呼び出しを支援することを検討してください。
Flexigrid:http ://flexigrid.info/
jQueryグリッド: http: //www.trirand.com/blog/
jqGridView: http: //plugins.jquery.com/project/jqGridView
イングリッド: http: //reconstrukt.com/ingrid/
SlickGrid http://github.com/mleibman/SlickGrid
DataTables http://www.datatables.net/index