在現有局部視圖上渲染新的局部視圖

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;">

該代碼未經測試，但可以正常工作。