如何编码链接按钮点击事件打开模态弹出窗口在mvc3.0与Razor

Question

我有如下的webgrid

@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")
))

如果我点击Firstname链接的模式弹出应该打开?如何在mvc3.0中做到这一点?

Answer 1

推荐http://fancybox.net.

添加文档。准备好了。(查看示例和文档)

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

然后你改变你的actionlink有一个类，fancybox可以附加到

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