如何在单击 Ajax.Actionlink 时刷新多个局部视图

Question

我在我的视图上使用了多个局部视图。 在左手侧。我有一些链接按钮。

在中间，我有 2 个局部视图让我们假设 Up 和 Down 我可以更新 Up 部分视图 现在我想通过单击同一个链接按钮来更新向下部分视图

我只能在 Ajax.ActionLink 按钮中发送一个 UpdateTargetID 但我想在单击同一个按钮时更新 2 个部分视图。

1) 有什么方法可以在 Ajax.ActionLink 中传递多个 UpdateTargetID 要么 2) 我可以在 Home Controller 中返回多个局部视图 或您建议的任何其他方式 请回复我

谢谢大家的回复 让我告诉你我做了什么来一次单击刷新多个局部视图 这是我用来点击的操作链接 在这里，我使用此 Action 链接的 OnSucess 函数进行更新，此 Action 链接位于局部视图上

                 <%= Ajax.ActionLink("Select", "Employee", new { Id = Employee.EmployeeID }, new AjaxOptions { UpdateTargetId = "EmployeeDiv", HttpMethod = "Post", OnSuccess = "function(){EmployeeHistory(-2," + Employee.EmployeeID.ToString() + ");}" })%>

这是我从局部视图调用的 javascript

 function  EmployeeHistory(EmployeeID) {
    var url = '<%= Url.Action("PartialviewAction", "ControllerName") %>'
    $('#PartialviewDiv1').load(url, { Id: EmployeeID });
    var url1 = '<%= Url.Action("PartialviewAction", "ControllerName") %>'
    $('#PartialviewDiv2').load(url1, { Id: EmployeeID });

}

这两个 div 在我要更新的索引视图中

        <div id="Paritalview div1"><% Html.RenderPartial("PartialViewname1"); %></div>
        <div id="Paritalview div2"><% Html.RenderPartial("PartialViewname2"); %></div>

Answer 1

是的，不要使用Ajax.ActionLink。

IMO，MS Ajax 库，与 Web 表单一样，是臃肿的。

保持简单 - 使用 jQuery - 然后你就可以完全控制：

$(function() {
   $('#somelink').click(function(e) {
      e.preventDefault();

      $.get('/controller/action1', function(data) {
         $('#up').html(data);
      });

      $.get('/controller/action2', function(data) {
         $('#down').html(data);
      });
   });
});

但是，由于您要更新两个面板，我建议将这两个中间面板包装在它自己的部分视图中 - 然后通过单个操作方法提供它 - 这样您只需要 1 个 ajax 调用。

编辑

正如@FelixM 所提到的，您应该使用Url.Action 或Url.RouteUrl 来生成AJAX 调用的URL，所以如果您的路由发生变化，那么您的JS 就不需要了，例如：

.get('@Url.Action('Controller', 'Action1')', function(data)

或

.get('@Url.RouteUrl('SomeNamedRoute')', function(data)

如果您将此脚本放在外部文件中，那么您需要使用一种技术在主视图中设置 url，然后从外部变量中读取。

此类技术包括 JavaScript 变量、隐藏字段、将 URL 作为参数传递给函数等。