我有一个具有超链接字段的 Gridview。单击该字段时,我想要打开一个精美的框,在该精美的框中,我想要一个 iframe 来显示必须打开的超链接字段的页面。
我的网格视图是:
<asp:GridView ID="GridView" runat="server" AutoGenerateColumns="False"DataKeyNames="SrNumber"
OnRowDataBound="GridView2_RowDataBound"
Width="100%"
ShowFooter="false"
EnableViewState="false"
AutoPostBack="true">
<Columns>
<asp:HyperLinkField DataNavigateUrlFields="SrNumber" DataNavigateUrlFormatString="newpage.aspx?SrNumber={0}" DataTextField="Note" HeaderText=""/>
<asp:TemplateField HeaderText="Note" SortExpression="Note">
<ItemTemplate>
<a id="ahrefclick" class="forPopup" href="newpage.aspx?SrNumber <%#Eval("SrNumber")%>"><%#Eval("Note")%></a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
目前,只有两列,两者实际上是相同的。超链接文件将我带到下一页。而且我试图使用模板字段向 gridview 添加花哨的框逻辑。
javascript代码是:
$("#ahrefclick").click(function (e) {
$(".forPopupGrid").fancybox({
'titlePosition': 'inside',
'transitionIn': 'elastic',
'transitionOut': 'none'
});
});
我仍然没有弹出。我是fancybox的新手。请帮忙!
谢谢你!
编辑:我的 jquery 和 fancybox 链接是:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
<link href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" rel="stylesheet"
type="text/css" />