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

Question

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

查看 - 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、名称和 div。弹窗是否需要写ajax脚本？？但要传递数据？？不知道该怎么办。任何人都可以帮我找到解决方案吗？

Answer 1

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

On clicking on that link I have to get a popup form with the data same as that particular column.

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

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

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

how to pass data from a form to popup form on clicking on a link in mvc

javascript

ajax

asp.net-mvc

asp.net-mvc-4

modalpopupextender