从内部重新加载 PartialView

Question

嗯，

我有一个 PartialView，它生成一个带有复杂模型的 VIEW。 我有一个按钮，我想完全重新生成我的 PartialView

    @if (!Model.editFlag)
{
<button id="EditButton" class='btn btn-small'>Edit</button>
}
else
{
<button  class='btn btn-small'>Update</button>
}

这是我的 Ajax CALL

    $.ajax(
{
    type: "POST",
    url: "@Url.Action("DeviceDetails_Edit","DeviceLayout")"  ,
    data:
    {
        DeviceID: '@Model.DeviceID',
        DeviceName: '@Model.DeviceName',
        DeviceDescription: '@Model.DeviceDescription',
        editFlag: '@Model.editFlag',
    },
    cache:false,
    success: function(html) 
        { 
            alert('success');
        },
        error: function(e) 
            { 
            alert("errorn"); 
            }

});
});

从控制器，我有一个 ActionResult ，它返回一个带有我的新特定模型的部分视图 return PartialView("_DeviceDetails", model);

进入我的视野，存在更多的PartialView`s

我该如何解决这个问题？

Answer 1

我假设您的页面上已经有一个 div。使用 jQuery，您可以在单击事件按钮中清除 div 元素，以供示例

<div id="myView"></div>

使用jquery，可以用empty方法清除div：

$("button").click (function (e) {

   // clear the html on the  div
   $("#myDiv").empty();


    // make a post to reload the div:
    $.ajax(
    {
        type: "POST",
        url: "@Url.Action("DeviceDetails_Edit","DeviceLayout")"  ,
        data:
        {
            DeviceID: '@Model.DeviceID',
            DeviceName: '@Model.DeviceName',
            DeviceDescription: '@Model.DeviceDescription',
            editFlag: '@Model.editFlag',
        },
        cache:false,
        success:function(html) 
                { 
                    // fill the div with the html returned by action
                    $("#myView").html(html);
                },
        error:  function(e) 
                { 
                    alert("errorn"); 
                }
    });   

});