Как кодировать событие нажатия кнопки «Ссылка» открывает модальное всплывающее окно в 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")
))

, если я нажму на ссылку "Имя", должно открыться модальное всплывающее окно?Как это сделать в mvc3.0?

Answer 1

Рекомендовать http://fancybox.net.

Добавить document.ready для fancybox. (посмотрите примеры и документацию)

    $(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"})