如何在ASP.NET MVC中生成弹出页面链接

时间:2010-03-06 22:25:51

标签: asp.net-mvc

如何在asp.net mvc中生成javascript链接?

例如。

<a href="javascript:poptastic('/examples/poppedexample.html');">Pop it</a>

我可以使用Html.ActionLink以及如何操作吗?

我可以这样做:

<a href="javascript:poptastic('ItemDetail?ID=<%=item.ID%>');">Pop it</a> 

但我只是想知道会有更好的解决方案吗?

非常感谢。

2 个答案:

答案 0 :(得分:3)

是的,您可以执行以下操作:

<%=Html.ActionLink(model.Title, "View", "PoppedView", new { Id = model.Id.ToString() }, new { target="_blank" })%> 

答案 1 :(得分:1)

我会看看使用jQuery UI和对话框而不是新窗口。您可以使用open处理程序将内容加载到对话框中。

<%= Html.ActionLink( "Pop It",
                     "ItemDetail",
                     "Item",
                     new { ID = model.ID },
                     new { @class = "popup-link" } ) %>

<script type="text/javascript">
   $(function() {
        $('.popup-link').click( function() {
           var href = $(this).attr('href');
           $('<div><p class="popup-content"></p></div>').dialog({
              autoOpen: true,
              modal: true,
              height: 200,
              width: 400,
              open: function() {
                   $(this).find('.popup-content').load(href);
              },
              close: function() {
                   $(this).dialog('destroy');
              }
           });
           return false;
        });
   });
</script>