Razor 局部视图设计中的局部视图

我被一个更基本的问题困住了：如何处理我想要构建的网页；因此，标题可能不是很准确

我的页面布局如下所示：

我计划有一个包含按钮“第1页”和“第2页”的主视图

在“第1页”中，用户可以选择选项1（默认选中）或“选项2”。每个选项选择在网格中显示不同的数据。所以我的网格是局部视图。我在第1页中这样表述：

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

@Html.Partial（“\u DynamicGrid”，Model）

我想在主页中将第1页和第2页呈现为部分页面。我的密码是：

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

@{Html.RenderPartial（“Page1”，Model）；}

该页面在加载时可用

我不知道下一步该怎么做

a、 ）如何删除网格并在“选项2”上单击加载新网格

b、 ）如何在“第2页”按钮上加载“第2页”视图单击

有什么想法吗

---

谢谢。

不管它值多少钱，我都会把我最后做的事情贴出来

我创建了一个局部视图，其中包含屏幕截图左侧的导航按钮。（第1页和第2页）。然后为每个页面分别创建视图，在这些视图中呈现导航部分视图

就这么简单，我还是花了很多时间才弄明白