0

我有一个 Ajax 表单来更新它所在的局部视图,但我也需要它来更新第二个局部视图。我想这样做,而不是将它们合并到一个视图中并更新它。我认为我最好的选择是在表单上使用常规的 jQuery Ajax 调用onsuccess,但我不知道要使用哪些参数,所以我可以调用一个返回部分的控制器操作以使其工作。

我的表格设置为

@using (Ajax.BeginForm("UpdateDateRange",
                                new { name = Model.Modules[i].Name },
                                new AjaxOptions { UpdateTargetId = Model.Modules[i].Name.Replace(" ", "_") + "_module" }
                                ))
                            { [Input fields] }
4

2 回答 2

0

在您的 onSuccessmethod 中,您可以进行另一个 ajax 调用。

因此,例如在您的 OnSuccessMehtod 调用“MethodX”中......它将执行 ajax 调用并使用返回的结果更新页面上的 div

var MethodX = function(id)
{
    $.get("ActionName?id=" + id, function (result) {
        $("#myAnotherdiv").html(result)
    }, 'html');
}
于 2013-10-22T10:39:16.810 回答
0

为了响应 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);
}
于 2013-10-22T10:55:14.460 回答