asp.net-mvc - 在 ASP.NET MVC 中的“ViewContainer”中动态添加视图

Question

我正在尝试制作以下布局： http: //i.imgur.com/JS8hO.png
（由于垃圾邮件规则，我无法直接放置图像。）

我想使用加载 HeaderView、SidebarContainerView 和 ContentContainerView 的布局文件。控制器需要向 SidebarContainerView 添加一个数据网格。当您单击数据视图中的一行时，必须在 ContentContainerView 中打开一个 ChartView。问题是在 ContentContainerView 中动态添加视图。我使用 HTML.RenderPartialView 和 Sections 进行了尝试，但没有得到我想要的结果。

我正处于学习 MVC 4.0 的初级阶段，所以这可能是一个简单的问题，但 Google 似乎并不知道答案。

提前致谢

Answer 1

<div id="ContentContainerView">

</div>

在侧边栏容器视图中：

您应该将行单击事件绑定到此函数：

function AddChart(chartType) {
    $.getJSON("/MyController/AddChart",
    {
        chartType: chartType
    },
    function (data) {
        $('#ContentContainerView').append(data);
    });
}

这里的data是部分图表视图，会附加到contentcontainerview中。请注意，您应该在从 AddChart 操作方法返回为 Json 之前序列化图表视图。