在现有局部视图上渲染新的局部视图

Question

我正在尝试进行深入报告。 我正在使用MVC和Devexpress Gridviews。 我渲染我的视图和局部视图，并显示带有结果的gridview。

现在我需要完成的是，当我双击gridview时，我需要在现有gridview的地方渲染一个新的/不同的局部视图-我双击了一个。

这可能吗？

这是我所拥有的：

    public ActionResult MainPartial()
    {  
        using (var Context = new DataContext())
        {
            ViewBag.Level = 0;
            return PartialView("MainPartial",SomeData);
        }
    }

    public ActionResult FirstDrilldownPartial(int Param)
    {  
        using (var Context = new DataContext())
        {
            ViewBag.Level = 1;
            return PartialView("FirstDrilldownPartial",SomeNewData(Param));
        }
    }

我的Gridview RowDblClick事件

function onDoubleClick(s, e) {

    $.ajax({
        type: 'POST',
        url: '/Controler/FirstDrilldownPartial',
        dataType: 'json',
        async: false,
        //cache: false,
        data: {
            Param: 1
        }
    });
}

目前一切正常，但是当我调用函数“ function onDoubleClick（s，e）”时 ，主网格仍停留在视图上，而新的网格未呈现。

有人可以提供建议吗？

谢谢

Answer 1

您可以在不同的div中渲染两个部分，并在js函数中隐藏或显示div，例如

<div id="mydiv1">
    @Html.Partial("Partial1")
<div>
<div id="mydiv2">
    @Html.Partial("Partial2")
</div>

并在您的onDoubleClick中（我假设您正在使用jQuery）

$("#mydiv1").hide();
$("#mydiv2").show();

并隐藏（在页面加载时）第二个div首先只需添加

$(function () {
     $("#mydiv2").hide();
});

或使用

<div id="mydiv2" style="display:none;">

该代码未经测试，但可以正常工作。