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

时间:2013-10-23 13:57:31

标签: c# javascript jquery asp.net-mvc 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>

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

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

1 个答案:

答案 0 :(得分:3)

您可以使用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();    
}

Read more