如何在单击 mvc 中的链接时将数据从表单传递到弹出表单

Question

我正在 mvc 中做一个项目，并在其中创建了一个表。它工作得很好，我需要得到的是在一行上我给出了一个链接。单击该链接时，我必须获得一个弹出表单，其中的数据与该特定列相同。

查看 - Students.cshtml

<tr>
    <td style="font-weight:bold; text-align: center;">
         Sl No
    </td>
    <td style="font-weight:bold; text-align: center;">
        Name
    </td>
    <td style="font-weight:bold; text-align: center;">
        div
    </td>
    <td style="font-weight:bold; text-align: center;">
        <a href="@Url.Action("Home", "Admin", new { id = @item.ID})">
  <i class="fa fa-plus-circle" aria-hidden="true"></i>
  </a>
   </td>                                                
</tr>

这里我的问题是，如何将带有students.cshtml表单数据的弹出表单获取到弹出表单。也就是说，弹出表单上的 Sl.No、Name 和 div。 是否需要为弹出窗口编写ajax脚本？但要传递数据？？不知道该怎么办。任何人都可以帮我找到解决方案吗？

Answer 1

值得记住的是，模态弹出窗口不是一个单独的页面，而只是一些标准标记，其样式看起来像是位于当前页面的顶部。

点击该链接时，我必须得到一个数据相同的弹出表单 作为那个特定的列。

如果您想要显示的所有信息都已在页面上，则无需发出 AJAX 请求来获取它，而是可以使用一些基本的 JavaScript 在单击链接时显示模式弹出窗口。

有关如何使用 JavaScript 创建模式弹出窗口的详细信息，请参阅 How to create a modal popup using JavaScript? 或 How to create a modal popup using javascript and CSS。