javascript - ASP Gridview で Fancybox を使用する

Question

ASP.NET Web サイトで Fancybox プラグインを利用したいと考えています。

私は経験の浅いプログラマーであることに注意してください

簡単な要約

私のウェブサイトには 2 つの aspx ページがあり、最初のページには asp:HyperLinkField を持つ asp:GridView が保持されています。

詳細

1) Default.aspxは、データベース フィールドを URL に渡すための asp:HyperLinkField を持つ gridview を保持します。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) ファンシーボックススクリプト

        $(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 を表示することです。

ありがとうございました