单击gridview内的超链接显示Jquery弹出窗口 [英] display Jquery popup on click of hyperlink inside gridview

问题描述

<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屋！