見た目の異なる1つのビュー - MVC

Question

私はMVCプロジェクトを持っています。ビューはaspxです。

1つの縦線でビュー分割を作成しました。左側は常に同じで、変化しません。左側には2つのボタンがあります。 button1をクリックすると、右側の部分には食べ物を入力するためのフォームが必要です。ボタン2をクリックすると、右の部分に飲み物を入力するフォームが表示されます。フォームは非常に異なる外観を持っています。

私はすでに食べ物についての部分を作っています。私は、 "food"という名前のdiv内のテーブルにフォームを配置し、button1をクリックしたとき以外は常に隠されています。

今私は飲み物のためにその部分をしなければならない。私も同じことをしたいのですが、問題があります。私は食べ物のフォームを作ったとき、私はaspxのページのデザインを見に行って、それは非常に簡単だった、私は視覚的にやっていたものを見た。さて、デザインビュー（ドリンクパーツを作る）に行くと、食べ物の一部がすでに表示されています。私はすでに持っているものにコントロールを置く方法？飲み物のフォームを食品の上に置くにはどうすればいいですか？それは、divは「drinkSide」という名前のIDを持ち、私は飲み物と食べ物の間を切り替えるでしょう。

新しいビュー以外は別の方法がありますか？

Answer 1

ページビューを別々に作成し、両方のページを登録ページに登録することができます。これはそれらをうまく分離しておくでしょう。

Answer 2

divを表示したくない場合は、AJAXを使用できます。考え方は、2つのフォームを2つの別々の部分ビュー、すなわちfood.ascxとdrink.ascxに入れることです。最初に、フォームのプレースホルダとして使用されるメインビューにdiv要素があります。 button1をクリックするとAJAXリクエストがコントローラアクションに送信され、最初の部分が返され、結果の部分HTMLがコンテナdivに挿入されます。 2番目のボタンに対して同じ操作を行うことができますが、2番目の部分を戻す別のコントローラーアクションを呼び出すことができます。