我有以下设置:
A)父视图中的HTML div容器,用于保存返回的部分视图:
B)返回视图模型的控制器方法 -
[HttpGet]
public PartialViewResult GetProjectCostsById(int viewProjectId)
{
return PartialView("ProjectCost", GetProjectCostsViewModel(viewProjectId));
}
C)AJAX将部分视图HTML呈现到上面的div中 -
$(document).ready(function () {
$(".retProjTran").click(function () {
var projectid = $(this).data("projectid");
$.ajax({
cache: false,
asynch: true,
type: "GET",
url: "@(Url.Action("GetProjectCostsById", "Project"))",
data: { "viewProjectId": projectid },
success: function (retData) {
$('#divProjectCostList').html(retData);
}
})
});
})
上述工作正常。
设置部分视图以便从返回的模型中获取元素并在表格中呈现这些元素
@using (Html.BeginForm("ProjectCostList", "Project", FormMethod.Get))
{
@foreach (var item in Model)
{
@Html.HiddenFor(modelItem => item.ProjectCostType)@Html.ActionLink(item.ProjectCostType.ToString(), "", null,
new { @class = "retProjDetails", data_details = item.ProjectCostId })
}
}
此部分视图还需要访问JS方法 -
$(".retProjDetails").click(function () {
$.ajax({
cache: false,
asynch: true,
type: "GET",
url: "@(Url.Action("GetProjectCostDetails", "Project"))",
data: { "viewProjectCostId": projectCostId },
success: function (retData) {
$('#divProjectCostList').html(retData);
},
error: function (xhr, ajaxOptions, thrownError) {
alert(thrownError);
}
})
});
我可以看到从渲染的Actionlink调用JS函数,但是相关的Controller动作根本就没有被击中..
我认为这是我如何呈现Partial的某种问题,但无法弄清楚是什么。希望有人能提供线索。对于此设置是否最佳或我需要更改的任何建议感到高兴。