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

Question

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

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

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

提前致谢

Answer 1

<div id="ContentContainerView">

</div>

在sidebarcontainerview中：

您应该将行点击事件绑定到此功能：

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

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