嵌套partialview不刷新

我有如下所示这个局部视图：嵌套partialview不刷新

@model ComPost.Core.CommandsAndQueries.Contract.DataContract.FinalizeScreenDTO 

<div class="row"> 
    <p> 
    <table id="ProductTable"> 
     <tr><td>Wijzig Product</td><td><input type="checkbox" id="OverrideCheckox" /></td></tr> 
     <tr><td>Product</td><td>@Html.DropDownListFor(m => m.DepositProductId , new SelectList(Model.DepositProducts, "DepositProductId", "DepositProductName"),new{id="DepositProductSelect", disabled="disabled", style = "width: 500px;", onchange="CallChangefunc();"})</td></tr> 
     <tr><td>Reden wijziging</td><td><textarea disabled ="disabled" id="OverrideReason" class="CommentText" cols="150" rows="5">@Model.OverrideReason</textarea></td></tr> 
    </table> 
    </p> 

@{ 
    Html.RenderAction("DepositProductOrder", "Deposit", new { depositid = @Model.DepositId, depositproductid = @Model.DepositProductId }); 
} 

    <p> 
    <input type="submit" id="FinalizeButton" class="btn btn-default" Visible="false" data-url="@Url.Action("FinalizeDeposit", "Deposit")" data-overview="@Url.Action("Index", "Deposit")" value="Finalize" /> 
    </p> 
</div>

在这个partialview我有应该由该行被渲染另一个partialview：

@{ 
    Html.RenderAction("DepositProductOrder", "Deposit", new { depositid = @Model.DepositId, depositproductid = @Model.DepositProductId }); 
}

嵌套partialview包含一个表格来显示一些信息。当我在DropDownList中选择一个新值时，我会去我的控制器并执行我的操作。这工作正常。然后将结果传递给我的嵌套partialview。

但结果没有刷新。我的屏幕仍然显示我第一次进入该页面时获取的信息。

的CallChangefunc看起来像这样

function CallChangefunc() 
{ 
    //TODO : call the post for a Finalize. 
    var el = document.getElementById('DepositProductSelect'); 
    var url = "/Deposit/DepositProductOrder"; 
    var depositProductId = el.options[el.selectedIndex].value; 
    var depositId = $("#MainTabs").data("depositid"); 

    $.ajax({ 
     url: url, 
     type: 'POST', 
     data: { 
      depositId: depositId, 
      depositProductId: depositProductId, 
     }, 
     dataType: 'html', 
     success: function (result) { }, 
     error: function (x, t, e) { } 
    }); 
}

这是我的控制器上的DepositProductOrder行动代码：

public PartialViewResult DepositProductOrder(int depositid, int depositproductid) 
{ 
    DepositProductOrderDTO depositProductOrderDTO = this.QueriesServiceAgent.Call(s => s.GetDepositProductOrder(depositid, depositproductid)); 

    return PartialView(depositProductOrderDTO); 
}

我缺少什么？

来源

2014-09-25 Bart Schelkens

只是你是否'DepositProductOrder'动作是打还是不退还的HTML内容的DIV ??? – 2014-09-25 05:55:11

@Kartikeya：DepositProductOrder正在击中。所以这工作正常。 – 2014-09-25 05:58:33

确保你的ajax请求正在返回正确的html，并且它会成功回调..只是提醒一下，看看成功，并看看会发生什么。 – 2014-09-25 06:07:00

问题是你在ajax调用成功完成后不做任何事情。尝试添加一个包装的局部视图如下

<div id="divDepositProductOrder"> 
@{ 
    Html.RenderAction("DepositProductOrder", "Deposit", new { depositid = @Model.DepositId, depositproductid = @Model.DepositProductId }); 
} 
</div>

然后更新的divDepositProductOrder由Ajax调用

success: function (result) { 
    $('#divDepositProductOrder').html(result); 
},

来源

2014-09-25 06:16:38 ekad

嵌套partialview不刷新

回答

相关问题