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

时间:2017-07-25 10:14:02

标签: javascript ajax asp.net-mvc asp.net-mvc-4 modalpopupextender

我正在用mvc做一个项目,并且我创建了一个表。它工作正常,我需要得到的是,我已经给了一个链接。点击该链接后,我必须得到一个弹出窗体,其中的数据与该特定列相同。

view - 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脚本?但要传递数据?不知道该怎么做。有谁能帮我找到解决方案?

1 个答案:

答案 0 :(得分:0)

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

  

点击该链接后,我必须得到一个数据相同的弹出窗体   作为那个特定的专栏。

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

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