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

Question

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

我的页面布局如下：

我的计划是拥有一个包含按钮“Page 1”和“Page 2”的主视图。

在“Page 1”中，用户可以选择选项1（默认选中）或“选项2”。每个选项选择在网格中显示不同的数据。所以我的网格是局部视图。我在第1页中将其渲染出来：

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

我想渲染第1页＆amp;第2页作为主页面中的部分页面。我的代码是：

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

页面可以在加载时找到。

我不知道下一步该怎么做

a。）如何删除网格并在“Option2”上加载新网格点击

b。）如何在“第2页”按钮上加载“Page2”视图。

有什么想法吗？

感谢。

Answer 1

对于它的价值，我会发布我最终做的事情。

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

就是这么简单，仍然花时间去弄清楚。