javascript – 使用ActionLink打开Modal并在MVC中传递参数

前端之家收集整理的这篇文章主要介绍了javascript – 使用ActionLink打开Modal并在MVC中传递参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图通过单击ActionLink并传递如下参数来在同一页面上打开我的引导模式:
  1. @foreach (Items item in Model)
  2. {
  3. @Html.ActionLink("Download","#",new { data-id = '@item.Name' } )
  4. }
  5.  
  6. //Modal
  7. <div id="dModal" class="modal hide fade" aria-hidden="true">
  8. <div class="modal-body">
  9. @using (Html.BeginForm("getCSV","Download",new { filename = data-id },FormMethod.Post,null))
  10. {
  11. <button id="btnCSV" type="submit">Download CSV</button>
  12. }
  13. //other options for excel,word etc
  14. </div>
  15. </div>

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

解决方法

这就是我使用html.actionlink显示引导模式形式的方法
  1. @Html.ActionLink("ModalPopUp",new { id = parameter },new { @data_toggle = "modal",@data_target = "#YourModalId"})

猜你在找的JavaScript相关文章