jQuery модальное окно для отображения таблицы в MVC - PullRequest
Новая
       16

jQuery модальное окно для отображения таблицы в MVC

1 голос
/ 30 июня 2010

Позвольте мне начать с того, что я неопытен в JavaScript.

Вот что я хочу сделать.Когда пользователь нажимает «Показать подробности» в строке данных, он получает всплывающее (модальное?) Окно, в котором есть данные, сгенерированные из другого действия в приложении MVC.Где я могу найти пример реализации чего-то подобного?

Кроме того, когда пользователь нажимает «Одобрить» в этом всплывающем окне или в строке исходных данных, появляется другое всплывающее окно с формой, которую необходимо заполнить.направление будет с благодарностью.

1 Ответ

1 голос
/ 01 июля 2010

Прежде всего, вам понадобится DIV где-нибудь на вашей странице - скажем, дайте ему идентификатор "PopUpPanel".Теперь создайте событие «ready» для jQuery, чтобы инициализировать всплывающее / модальное диалоговое окно: 

<script type="text/javascript">
    $(document).ready(function () {
        $("#PopUpPanel").dialog({
            modal: true,
            autoOpen: false,
            height: 'auto',
            width: 'auto',
            buttons: {
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });
    });
</script>

Предполагая, что в строке есть ссылка «Show Detail» - создайте «обработчик» для нажатия «Show Detail».: 

<script type="text/javascript">
    function showDetail(id) {
        $.get('MyController/MyAction/' + id, function(data) {
            $('#PopUpPanel').html(data);
            $('#PopUpPanel').dialog('open');
        });
    }
</script>

Это должно привести вас к тому, что ваша страница сведений отображается во всплывающем окне или диалоговом окне.Чтобы открыть другую форму в дополнение к диалоговому окну подробностей или заменить диалоговое окно подробностей, она должна быть очень похожа.

...