在gridview中打开弹出wth锚标记 [英] Opening popup wth anchor tag in gridview
问题描述
Hai先生我在网格视图中有这样的锚标记
< asp:GridView runat =serverID = grdAuthorsAutoGenerateColumns =false
GridLines =NoneShowHeader =falseonrowcommand =grdAuthors_RowCommand>
< Columns>
< asp:TemplateField>
< ItemTemplate>
< li>
< a href =#inline1 id =various1> < / a>
< / li>
< / ItemTemplate>
< / asp:TemplateField>
< / Columns>
< / asp:GridView>
i想要将一个文本从数据库绑定到锚标签..
单击文本后我需要打开弹出窗口...这里我用过喜欢这个
< div id =inline1style =width:520px; display:none; height:400; overflow :auto;>
< table width =100%border =0cellspacing =5cellpadding =6class =tbt >
< tr>
< td> < asp:Image runat =serverID =imgAuthorHeight =100px/>< / td>
< / tr>
< ; tr>
< td valign =top>
< table width =100%border =0class =tbt>
< asp:GridView runat =serverID =grdPopupAutoGenerateColumns =falseGridLines =NoneShowHeader =false>
< Columns>
< asp:TemplateField>
< ItemTemplate>
< tr>
< td align =rightvalign =topwidth =70%>名称< / td>
< td align =centervalign =topwidth =2%>:< / td>
< td align =leftvalign =topwidth =28 %>< strong>< asp:Label runat =serverText ='<%#Eval(AuthorName)%>'ID =lblAuthorName>< / asp:Label>&l t; / strong>< / td>
< / tr>
< / ItemTemplate>
< / asp:TemplateField> ;
< asp:TemplateField>
< ItemTemplate>
< tr>
< td align =rightvalign =top>电子邮件ID< / td>
< td align =centervalign =top>:< / td>
< td align =leftvalign =top>< strong>< asp:Label runat =serverID =lblEmailIdText ='<%#Eval(Email )%>'>< / asp:标签> < / strong>< / td>
< / tr>
< / ItemTemplate>
< / asp:TemplateField>
< asp:TemplateField>
< ItemTemplate>
< tr>
< td align =rightvalign =topwidth =70%>关于作者< / td>
< td align =centervalign = top>:< / td>
< td align =leftvalign =top> < asp:Label runat =serverID =lblDescriptionText ='<%#Eval(Description)%>'>< / asp:Label> < / td>
< / tr>
< / ItemTemplate>
< / asp:TemplateField>
< / Columns>
< / asp:GridView>
< / table>
< / td>
< / tr>
< / table>
< / div>
请帮帮我
你好
试试这个代码...
根据您的要求进行修改
<%@ Page 语言 = C# AutoEventWireup = true CodeBehind = < span class =code-keyword> WebForm2.aspx.cs 继承 = POC.WebForm2 %>
< !DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional。 dtd >
< html xmlns = http://www.w3.org/1999/xhtml >
< head runat = 服务器 >
< script src = jquery-1.10.2.min.js type = text / javascript > < / script >
< script type = text / javascript >
var openpopup = function (){
document .getElementById(' inline1')。style.visibility = ' visible';
}
var closepopup = function (){
document .getElementById(' inline1')。 .visibility = ' hidden';
}
< / script >
< title > < / title >
< / head >
< 正文 >
< 表单 id = form1 runat = server >
< asp:GridView ID = gv runat = 服务器 >
< span class =code-keyword>< 列 >
< asp:TemplateField HeaderText = 标题文字 >
< ItemTemplate >
< < span class =code-leadattribute> li > < a href = #inline1 önclick = openpopup() id = various1 >
<% #Eval( value)%> < / a > < / li < span class =code-keyword>>
< / ItemTemplate >
< / asp: TemplateField >
< /列 >
< / asp:GridView > ;
< div id = inline1 style = width:520px;背景颜色:蓝色;身高:400;溢出:自动;
可见性:隐藏 >
< table width = 100% border = 0 cellspacing = 5 cellpadding = 6 class = tbt >
< tr >
< td >
< asp:按钮 ID = Button1 OnClientClick = closepopup(); return false; runat = server 文字 = close / >
< / td >
< td >
< h2 >
您要显示的内容.......
< / h2 >
< < span class =code-leadattribute> / td >
< / tr >
< / table >
< ; / div >
< / form >
< / body >
< / html >
Hai sir i have anchor tag in grid view like this
<asp:GridView runat="server" ID="grdAuthors" AutoGenerateColumns="false"
GridLines="None" ShowHeader="false" onrowcommand="grdAuthors_RowCommand">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<li>
<a href="#inline1" id="various1" > </a>
</li>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
i want to bind one text from database to anchor tag..
Upon clicking on text i need to open a popup... Here i used like this
<div id="inline1" style="width:520px;display: none; height:400; overflow:auto;">
<table width="100%" border="0" cellspacing="5" cellpadding="6" class="tbt">
<tr>
<td > <asp:Image runat="server" ID="imgAuthor" Height="100px" /></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" class="tbt">
<asp:GridView runat="server" ID="grdPopup" AutoGenerateColumns="false" GridLines="None" ShowHeader="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<tr>
<td align="right" valign="top" width="70%">Name</td>
<td align="center" valign="top" width="2%">:</td>
<td align="left" valign="top" width="28%"><strong><asp:Label runat="server" Text='<%#Eval("AuthorName") %>' ID="lblAuthorName"></asp:Label></strong></td>
</tr>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<tr>
<td align="right" valign="top">Email Id</td>
<td align="center" valign="top">:</td>
<td align="left" valign="top"><strong><asp:Label runat="server" ID="lblEmailId" Text='<%#Eval("Email") %>'></asp:Label> </strong></td>
</tr>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<tr>
<td align="right" valign="top" width="70%">About Author</td>
<td align="center" valign="top">:</td>
<td align="left" valign="top"> <asp:Label runat="server" ID="lblDescription" Text='<%#Eval("Description") %>'></asp:Label> </td>
</tr>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</table>
</td>
</tr>
</table>
</div>
Please help me
Hi
try this code...
do modifications as per your requirements
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="POC.WebForm2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="jquery-1.10.2.min.js" type="text/javascript"></script> <script type="text/javascript"> var openpopup = function () { document.getElementById('inline1').style.visibility = 'visible'; } var closepopup = function () { document.getElementById('inline1').style.visibility = 'hidden'; } </script> <title></title> </head> <body> <form id="form1" runat="server"> <asp:GridView ID="gv" runat="server"> <Columns> <asp:TemplateField HeaderText="header text "> <ItemTemplate> <li><a href="#inline1" önclick="openpopup()" id="various1"> <%# Eval("value")%></a></li> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> <div id="inline1" style="width: 520px; background-color: Blue; height: 400; overflow: auto; visibility: hidden"> <table width="100%" border="0" cellspacing="5" cellpadding="6" class="tbt"> <tr> <td> <asp:Button ID="Button1" OnClientClick="closepopup(); return false;" runat="server" Text="close" /> </td> <td> <h2> your content to display ....... </h2> </td> </tr> </table> </div> </form> </body> </html>
这篇关于在gridview中打开弹出wth锚标记的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!