1

我想在我的 ASP.NET 网站中使用 Fancybox 插件。

请注意，我是没有经验的程序员

简要概述

我的网站有两个 aspx 页面，第一个页面包含具有 asp:HyperLinkField 的 asp:GridView，当单击一个弹出窗口时，“应该”出现有关单击行的更多详细信息。

细节

1) Default.aspx包含具有 asp:HyperLinkField 的 gridview 以将数据库字段传递给 URL。请注意，我使用 CssClass 来提供 Fancybox 类“各种”

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
         DataSourceID="ObjectDataSource1">
    <Columns>
    <asp:HyperLinkField DataTextField="kpiName" HeaderText="Name" 
        DataNavigateUrlFields="kpiNo, unit, YTD, kpiName, YEE" 
        DataNavigateUrlFormatString="../Popup/Detail.aspx?
         kpiNo={0}&unit={1}&YTD=  {2}&kpiName={3}&YEE={4}"> 
        <ControlStyle CssClass="various"></ControlStyle>
        </asp:HyperLinkField>
        <asp:BoundField DataField="unit" HeaderText="unit" SortExpression="unit" />
        ...
    </Columns>

2) Details.aspx有 asp:DetailView 和 VB 代码来获取传递的参数

Request.QueryString("urlField")

3) Fancybox 脚本

        $(document).ready(function() {
        $(".various").fancybox({
            maxWidth    : 800,
            maxHeight   : 600,
            fitToView   : false,
            width       : '70%',
            height      : '70%',
            autoSize    : false,
            closeClick  : false,
            openEffect  : 'none',
            closeEffect : 'none'
        });
    });

我想要完成的是将 URL 字段传递给 Details.aspx，然后在 Fancybox 创建的弹出窗口中显示 Details.aspx

谢谢

4

0 回答 0