Всплывающее окно в GridView

Question

Мне нужно открыть всплывающее окно при нажатии на ссылку в столбце вида сетки.Кто-нибудь может мне помочь?

У меня есть такая сетка ..

Имя ИД o / p детали статуса

1 xxx 78.9% p viewdetails ----------- 2 ггг 65% р viewdetails ------------

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

Answer 1

Есть несколько плагинов jQuery для очень простого создания диалогов. Одним из таких плагинов является jQuery Colorbox.

http://colorpowered.com/colorbox/

Это очень легко интегрировать и поставляется с несколькими вариантами создания диалогов.

Например:

$(document).ready(function () {    
      $(".cboxdemo").colorbox({ width: "80%", height: "80%", iframe: true });    
});

Этот код будет показывать всплывающее окно при нажатии всех элементов гиперссылки, имеющих класс "cboxdemo". Содержимое, указанное атрибутом href, будет отображаться в диалоговом окне.

Answer 2

взгляните на jquery и, в частности, на jqueryui.

В jqueryui есть большое всплывающее окно, которое делает модальные и все.*

http://jqueryui.com/demos/dialog/

Answer 3

Я думаю, что вам нужен ASP.NET AJAX Control Toolkit. Попробуйте ModalPopup

UPD: что-то вроде этого:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None">
    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
    <Columns>

        <asp:ButtonField ButtonType="Link" Text="Show popup" />               
    </Columns>
</asp:GridView>
<asp:Panel ID="Panel1" runat="server" BackColor="White" BorderColor="#43AAE4"
    BorderStyle="Solid" BorderWidth="2px">            
        <div style="text-align: right; width: 100%">
        Some text in popup
    </div>   
</asp:Panel>
<cc1:ModalPopupExtender ID="modalPopupExtender" runat="server" PopupControlID="Panel1"
    TargetControlID="LinkButton2" DropShadow="true">
</cc1:ModalPopupExtender>  
<asp:LinkButton ID="LinkButton2" runat="server" Text=""></asp:LinkButton>