Id名称o / p状态详细信息

1 xxx 78.9％p viewdetails ----------- 2 yyy 65％p viewdetails ------------

我需要的是，如果我从网格中单击视图详细信息链接，它应该弹出弹出窗口内的相应输出的输入详细信息。

Answer 1

看看jquery，特别是jqueryui。

jqueryui有一个很棒的弹出窗口，可以模态和一切。

http://jqueryui.com/demos/

和

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

Answer 2

有几个jQuery插件可用于轻松创建对话框。一个这样的插件是jQuery Colorbox。

http://colorpowered.com/colorbox/

它非常易于集成，并提供了几个创建对话框的选项。

例如：

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

此代码会在点击具有类“cboxdemo”的所有超链接元素时显示弹出窗口。 href属性指向的内容将显示在对话框中。

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>

GridView中的PopUp

Id名称o / p状态详细信息

3 个答案: