嵌套的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>
在这个局部视图中，我有另一个应该由这一行表示的局部视图：
@{
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);
}
我错过了什么？
问题是在ajax调用成功完成后你什么都不做。 尝试添加一个包装部分视图的div，如下所示
<div id="divDepositProductOrder">
@{
Html.RenderAction("DepositProductOrder", "Deposit", new { depositid = @Model.DepositId, depositproductid = @Model.DepositProductId });
}
</div>
然后用ajax调用返回的html更新divDepositProductOrder的内容
success: function (result) {
$('#divDepositProductOrder').html(result);
},