razor - 部分図設計内の部分図

Question

構築したい Web ページにどのようにアプローチするかという、より基本的な質問に行き詰まっています。したがって、タイトルはあまり正確ではない可能性があります。

私のページのレイアウトは次のようになります。

私が計画しているのは、ボタン「ページ 1」と「ページ 2」を含むメイン ビューを用意することです。

「ページ 1」内で、ユーザーはオプション 1 (デフォルトで選択) または「オプション 2」を選択できます。オプションを選択すると、グリッドに異なるデータが表示されます。したがって、私が持っているグリッドは部分的なビューです。そして、ページ 1 でそれをレンダリングします。

<div id="gridContainer" class="gridContent">
  @Html.Partial("_DynamicGrid", Model)
</div>

ページ 1 とページ 2 をメイン ページ内の部分ページとしてレンダリングしたいと考えています。私が持っているコードは次のとおりです。

<div id="pagesPartial" class="span10">
    @{ Html.RenderPartial("Page1", Model);}
</div>

ページはロード時に検索されます。

次にどうすればいいのかわからないのは

a.) 「Option2」をクリックしてグリッドを削除し、新しいものをロードする方法

b.) "Page 2" ボタンのクリックで "Page2" ビューをロードする方法。

何か案は？

ありがとう。

Answer 1

価値があるので、私がやったことを投稿します。

スクリーンショットの左側にあるナビゲーション ボタンを含む部分ビューを作成しました。(ページ 1 & ページ 2)。次に、各ページのビューを作成し、それらのビュー内でナビゲーションの部分ビューを個別にレンダリングしました。

これは単純なことで、理解するのにまだ時間がかかりました。