单击gridview内的超链接显示Jquery弹出窗口 [英] display Jquery popup on click of hyperlink inside gridview
本文介绍了单击gridview内的超链接显示Jquery弹出窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<pre lang="xml"><asp:GridView ID="grvTest" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="Name" HeaderText="Name" />
<asp:TemplateField>
<ItemTemplate>
<asp:HyperLink ID="hLinkPopup" runat="server" Text="Click Here">
</asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView></pre>
I have above grid view having 10 records
now i want that when i click on hyperlink the Pop up should be display having name of that selected row
help me how to write JQuery
推荐答案
1.更改asp:HyperLink跟随,
< a href =#onclick =toList.popUpSheet(''<%#Eval(order_no) %>'')/><%#Eval(order_no)%>< / a>
2.添加引用你的aspx中的jquery文件,如下所示,
< script type =text / javascriptsrc =../ JS / TOList.js> < / script>
3.在jQuery文件中添加以下代码,
//单击gridview链接时打开弹出窗口
popUpSheet:function(No){
myWindow = window.open(WepPage1.aspx ?OrderNo =+ No,
Sheet,top = 0,left = 0,wid th = 900,height = 780,resizable = yes,scrollbars = yes,modal = yes);
myWindow.focus();
返回false;
}
Hi,
1. Change the asp:HyperLink to following,
<a href="#" onclick="toList.popUpSheet(''<%#Eval("order_no") %>'')" /><%#Eval("order_no") %></a>
2. Add the reference of the jquery File in your aspx, like below,
<script type="text/javascript" src="../JS/TOList.js"></script>
3. Add the following code in your jQuery file,
//To Open Pop Window while clicking the gridview Link
popUpSheet: function(No) {
myWindow = window.open("WepPage1.aspx?OrderNo=" + No,
"Sheet", "top=0, left=0, width=900, height=780, resizable=yes, scrollbars=yes, modal=yes");
myWindow.focus();
return false;
}
非常简单,
使用Modal Pop up Extender控制ajax工具包,
http://www.codeproject.com/Articles/24087/Modal-Popup-Extender-Basics
its very easy,
Use Modal Pop up Extender which is control of ajax tool kit,
http://www.codeproject.com/Articles/24087/Modal-Popup-Extender-Basics
这篇关于单击gridview内的超链接显示Jquery弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文