今ASP.NET MVCでプルダウンの項目を選んだら、画面遷移せずそのプルダウンの項目に合うページを部分的に表示するというコードを書いております。
かなり不慣れな面があるのですが色々調べた結果Ajax Formなるヘルパーがあることを知り、これを用いて画面遷移せず部分的にviewを更新したいです。
例えばviews/home以下に
index.cshtml、_movie.cshtml、_drama.cshtml、_sports.cshtml
というhtmlcsファイルがあるとします。
RazorやAjax Formを用いたプルダウンの作り方がいまいち分からないのですが、index.cshtmlに素のhtmlで書くと以下のようなプルダウンメニューがあったとします。
<--! index.cshtml --> <select class="title_list" id="Title" name="Title"> <option value="select_com">項目を選択してください</option> <option value="movie">映画</option> <option value="drama">ドラマ/option> <option value="sports">スポーツ</option> </select>
このプルダウンからもし映画を選択したらindex.cshtmlにmovie.html.cs、ドラマを選択したら_drama.htmlcs、スポーツを選択したらsports.htmlcsを画面遷移させず、表示させる(レンダリングする)としたらどのようにすれば良いのでしょうか。
正直調べても断片的な情報が入ってくるばかりで、リファレンスが少ないこともありまたc#や.netを使い立てということもあり、全く実装できない状況です。
一応MVCフレームワークはrailsを触っていたのでmvcの仕組みはある程度理解できているつもりなのですが、、、
大変申し訳ございませんが、view(index.cshtml)でajax Formを用いてどのようにajax通信を実装するか、コントローラーにどのようなアクションを書き、どのような記述をすれば良いか具体的にお教え頂けると大変幸いです。よろしくお願いいたします。
あなたの回答
tips
プレビュー