单击GridView上的图像，显​​示带有文本的弹出窗口（来自数据仓的bookname） [英] Show popup with text(bookname from databinder) on clicking the image on the GridView

问题描述

单击gridview上的图像时，需要显示带有文本的弹出窗口（来自数据仓的书名）。 Popup应该就在图像本身附近。请帮助我提前多多感谢。

Need to show popup with text(bookname from databinder) on clicking the image on the gridview. Popup should be just near ti image itself. Please help me An many many thanks in advance.

<columns>
                <asp:TemplateField HeaderText="Id" SortExpression="Book_Id">
                    <itemtemplate>
                        <asp:Label ID="lblId" runat="server" Text='<%# Eval("Book_id") %>'>
                    </itemtemplate>
                
                <asp:TemplateField HeaderText="Name" SortExpression="Book_Name">
                    <itemtemplate>
                        <asp:Label ID="lblName" runat="server" Text='<%# Eval("Book_Name") %>'>
                    </itemtemplate>
                
                <asp:TemplateField HeaderText="Author">
                    <itemtemplate>
                        <asp:Label ID="lblAuthor" runat="server" Text='<%# Eval("Author") %>'>
                    </itemtemplate>
                
                <asp:TemplateField HeaderText="Price">
                    <itemtemplate>
                        <asp:Label ID="lblPrice" runat="server" Text='<%# Eval("Price") %>'>
                    </itemtemplate>
                   
                
                <asp:TemplateField HeaderText="Category">
                    <itemtemplate>
                        <asp:Label ID="lblCategory" runat="server" Text='<%# Eval("Category_Name") %>'>
                    </itemtemplate>
                
                <asp:ButtonField ButtonType="Button" CommandName="Edit" Text="Edit" />
                <asp:TemplateField HeaderText="Delete">
                  <itemtemplate>
                      <asp:ImageButton ID="imgDelete" ImageUrl="images/images.jpg"  runat="server" CommandName="Delete"

                      

                       />
                   
                  </itemtemplate>
                
                
            </columns>

推荐答案

您可以使用Ajax ModalPopupExtender 。

参见一个示例 Ajax ModalPopUpExtender在asp.net中编辑gridview行值的示例 [ ^ ]。

You can use Ajax ModalPopupExtender.
See one Example Ajax ModalPopUpExtender Example to edit the gridview row values in asp.net[^].

这篇关于单击GridView上的图像，显​​示带有文本的弹出窗口（来自数据仓的bookname）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！