razor - 局部视图设计中的局部视图

Question

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

我的页面布局如下：

我的计划是有一个包含“第 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.) 如何在“页面 2”按钮单击时加载“页面 2”视图。

有任何想法吗？

谢谢。

Answer 1

对于它的价值，我会发布我最终做了什么。

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

就这么简单，我仍然花了一些时间才弄清楚。