我有一个 Ajax 表单来更新它所在的部分视图,但我也需要它来更新第二个部分视图。我想这样做,而不是将它们合并到一个视图中并对其进行更新。我认为我最好的选择是在表单的onsuccess
上使用常规的 jQuery Ajax 调用,但我不知道要使用什么参数,所以我可以调用返回部分的控制器操作以使其工作。
我的表单已设置
@using (Ajax.BeginForm("UpdateDateRange",
new { name = Model.Modules[i].Name },
new AjaxOptions { UpdateTargetId = Model.Modules[i].Name.Replace(" ", "_") + "_module" }
))
{ [Input fields] }
在onSuccessmethod中,你可以进行另一个ajax调用。
例如,在您的OnSuccessMehtod中调用"MethodX"...这将执行 ajax 调用并使用返回的结果更新页面上的div
var MethodX = function(id)
{
$.get("ActionName?id=" + id, function (result) {
$("#myAnotherdiv").html(result)
}, 'html');
}
为了响应 ajax 调用,您可以使用此帮助程序发送所需的两个部分视图:
public static class MvcHelpers
{
public static string RenderPartialView(this Controller controller, string viewName, object model)
{
if (string.IsNullOrEmpty(viewName))
viewName = controller.ControllerContext.RouteData.GetRequiredString("action");
controller.ViewData.Model = model;
using (var sw = new StringWriter())
{
ViewEngineResult viewResult = ViewEngines.Engines.FindPartialView(controller.ControllerContext, viewName);
var viewContext = new ViewContext(controller.ControllerContext, viewResult.View, controller.ViewData, controller.TempData, sw);
viewResult.View.Render(viewContext, sw);
return sw.GetStringBuilder().ToString();
}
}
}
在控制器中:
return Json(new { view1 = this.RenderPartialView(...), view2 = this.RenderPartialView(...) });
成功后,您可以获得两个部分视图并用旧视图替换它们:
function success(data)
{
$("someSelectorToSelectPartial1").html(data.view1);
$("someSelectorToSelectPartial2").html(data.view2);
}