在剃须刀应用程序中将视图显示为灯箱

Displaying a view as a lightbox in razor application

本文关键字：显示 视图 剃须刀 应用程序      更新时间：2023-09-26

我有一个带有 Razor 的 asp.net MVC4 应用程序。

View.cshtml 

<table>
    <tr>
        <th>
          Concept technologique
        </th>
        <th></th>
    </tr>
    @foreach(Features_Management.Models.First_Attempt fa in Model)
    {
        <tr style="font-size: 12px; padding:0px;">
            <td>
                  @Html.Raw(@fa.Concept)
            </td>
            <td> 
                @Html.ActionLink("Donner votre avis","", new { id_element =  @fa.Id_element})
            </td>
        </tr>
    }
</table>

当我单击ActionLink时，我需要在Lightbox中显示相同的视图。

我该怎么做？有什么建议吗？

您可以使用FancyBox（替代灯箱）

在页面（.cshtml）中添加此内容

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery
                                     /1.4/jquery.min.js"></script>
 <script type="text/javascript" src="/scripts/jquery.fancybox-1.3.4.pack.js"></script>
 <link rel="stylesheet" href="/css/jquery.fancybox-1.3.4.css" type="text/css"
  media="screen" />

MVC 帮助程序代码

 @Html.ActionLink("Donner votre avis","", new { id_element =  @fa.Id_element,
    @class='iframe'})

.JS

$(document).ready(function() {
  $('a.iframe).fancybox();    
}

阅读更多

相关文章：