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

Question

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

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

Answer 1

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

Answer 2

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

Answer 3

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

Посмотрите на контейнеры YUI. Они имеют очень гладкие Skinable модальных панели:

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

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

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

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

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

Client Side

<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>