ActionLink jQuery 参数

Question

我创建了一个 ASP.NET MVC 2.0 应用程序。

我有一个带有“报告”列表的下拉框。在下拉菜单旁边，我有两个 ActionLink。一个写着“添加新报告”，另一个写着“编辑报告”。

“添加新报告”链接非常简单……它在我的控制器中调用 ViewResult 并返回一个 new View()。伟大的！这没问题！

“编辑报告”链接有点棘手，因为我希望将下拉列表中当前所选项目的选定 ID 传递给 ActionLink。

我找到了一篇文章，向我展示了如何 AJAXify 我的 ActionLink，但我做错了...

这是“编辑”链接视图中的 ActionLink：

<%=Html.ActionLink("Edit report", "EditReport", "Report", null, new { id = "edit" })%>

这是处理“单击”的 jQuery 单击事件

$("#edit").click(function() {
   $.ajax({
     url: '<%=Url.Action("EditReport")%>',
     type: 'POST',
     data: { reportId: $('select[name="ReportId"] option:selected').val() },
     success: function(result) {
          //alert("succes");
     },
     error: function() {
          alert("error");
     }
     });
   return false;
});

这是控制器中的方法：

public ViewResult EditReport(int reportId)
{
      return View("EditReport");
}

当在控制器的方法中放置断点时，它会被击中并且参数“reportId”被正确传递......但其余代码（返回 View() 部分）没有似乎有效，因为里面jQuery 点击事件，我有一个“返回 false”。

当删除点击事件中的“return false”时，断点不再被命中。因此，我无法进入我的“EditReport”视图……

我在这里错过/不理解什么？

另外……有没有更好/更好/更干净的方法来完成我的任务而无需使用 AJAX 调用？

Answer 1

好的，既然我现在可以在这里发布答案（如果有人感兴趣）：

首先，我需要修改 ActionLink 并放入预定义< /strong> 单击链接后将被替换的参数值。

<%=Html.ActionLink("Edit report", "EditReport", "Report", new { reportId="xxx"}, new { id = "edit" })%>

其次，修改 jQuery 单击事件：

$("#edit").click(function() {
    //Get the id of the selected item in dropdown
    var id = $('select[name="ReportId"] option:selected').val();

    //Replace the predifined QueryString param "xxx" with the "id"
    this.href = this.href.replace("xxx", id);
});

控制器 的方法没有任何变化......它保持不变：

public ViewResult EditReport(int reportId)
{
  //Fix me...
   return View("EditReport");
}

Answer 2

您可以执行类似的操作，前提是您已为 ControllerName/EditReports/{ReportId} 配置了路由路径

$("#edit").click(function() {
      window.location.href = '<%=Url.Action("EditReport")%>' +'/'+ $('select[name="ReportId"] option:selected').val();
      return false;
 });