在ASP Gridview中使用Fancybox

时间:2012-06-06 11:41:36

标签: javascript jquery asp.net gridview fancybox

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

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

摘要

我的网站有两个aspx页面,第一页保持asp:GridView,它有asp:HyperLinkField,点击弹出窗口“应该”显示有关点击行的更多细节。

详情

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

谢谢

0 个答案:

没有答案