Модальное окно при нажатии кнопки ссылки

У меня есть LinkButton внутри списка данных. Когда я нажимаю на этот LinkButton, я хочу открыть модальное окно и загрузить в него другую html-страницу.

Не могли бы вы, ребята, помочь мне с этим?


person Community    schedule 30.06.2009    source источник


Ответы (3)


Вы должны проверить подключаемый модуль jQuery, такой как Thickbox, который я использовал, чтобы делать именно то, что вы я описал.

person Matthew Groves    schedule 30.06.2009

проверьте ModalPopupExtender.... Это компонент набора инструментов Ajax Control. Сначала загрузите его из CodePlex .... и когда вы добавите ссылку на *Binary.dll в свой проект. ..вы можете использовать его на своих страницах.

person odiseh    schedule 30.06.2009

Я всегда был большим поклонником YUI, у них отличная документация и примеры, показывающие, как все настраивать. [Я тоже люблю jQuery].

Посмотрите на объекты-контейнеры YUI. У них очень гладкие модальные панели:

http://developer.yahoo.com/yui/container/panel/

Вот простой пример:

http://developer.yahoo.com/yui/examples/container/panel-loading.html

Сторона сервера

button.Attributes.Add("click", "popModal");

Сторона клиента

<script>
    function popModal(e) {
        // Initialize the temporary Panel to display while waiting for external content to load
        var SavingPanel =
                        new YAHOO.widget.Panel("wait",
                            { width: "240px",
                                fixedcenter: true,
                                close: false,
                                draggable: false,
                                zindex: 1000,
                                modal: true,
                                visible: true
                            }
                        );

        SavingPanel.setHeader("Saving, please wait...");
        SavingPanel.setBody('<img src="http://l.yimg.com/a/i/us/per/gr/gp/rel_interstitial_loading.gif"  />');
        SavingPanel.render(document.body);

    }
</script>
person BigBlondeViking    schedule 30.06.2009