javascript - MVC中使用ActionLink打开Modal并传参

Question

我试图通过单击 ActionLink 并传递如下参数在同一页面上打开我的 Bootstrap 模式:

@foreach (Items item in Model)
{
  @Html.ActionLink("Download", "#", new { data-id = '@item.Name' } )
}

//Modal
<div id="dModal" class="modal hide fade" aria-hidden="true">
   <div class="modal-body">
      @using (Html.BeginForm("getCSV", "Download", new { filename = data-id }, FormMethod.Post, null))
      {
        <button id="btnCSV" type="submit">Download CSV</button>
      }
      //other options for excel, word etc
   </div>
</div>

在 ActionLink 中，我将 actionName 参数保留为 #，这是因为模态框位于同一页面上，并且当用户在模态框中选择选项时将决定操作。之所以不直接调用下载 Action 方法是因为用户可以选择下载各种格式的excel、csv等。

Answer 1

这就是我使用 html.actionlink 显示 Bootstrap 模式表单的方式

@Html.ActionLink("ModalPopUp", "#", new { id = parameter }, new { @data_toggle = "modal", @data_target = "#YourModalId"})