リンクボタンのクリックイベントをコードする方法は、mvc3.0でRazorを使用してモーダルポップアップを開きますか？

Question

@grid.GetHtml(columns: grid.Columns(grid.Column(
    "FirstName",format: @<text>@Html.ActionLink((string)item.FirstName, "Details", "product", new { id = item.FirstName }, null)</text>), 
    grid.Column("LastName","Last") 
)) 

を次のように私はモーダルポップアップが開きますファーストネームのリンクをクリックした場合、私は、WebGridをしていますか？どのようにmvc3.0でこれを行うには？

Answer 1

http://fancybox.netを推奨します。

fancyboxにdocument.readyを追加します。

$(document).ready(function() 
    { 
     $('.fancybox').fancybox({ 
      'autoScale': false, 
      'autoDimensions': true, 
      'transitionIn': 'none', 
      'transitionOut': 'none', 
      'hideOnOverlayClick': false, 
      'hideOnContentClick': true, 
      'showCloseButton': true, 
      'type': 'ajax' 
     }); 
    }); 

次に、actionboxを変更して、fancyboxが接続できるクラスを持つようにします。

@Html.ActionLink((string)item.FirstName, "Details", "product" 
    , new { id = item.FirstName }, new {Class = "fancybox"})