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

Question

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

我的页面布局如下：

我的计划是创建一个包含“Page 1”和“Page 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.) 如何在“Page2”按钮点击时加载“Page2”视图。

有什么想法吗？

谢谢。

Answer 1

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

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

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