问Fancybox似乎无法使用Coldfusion CFGRID标记
EN

Stack Overflow用户

提问于 2011-06-08 02:51:05

回答 1查看 288关注 0票数 0

我是第一次尝试CFGRID。虽然网格本身工作得很好，但我不能让Fancybox链接在列中工作。我已经在下面添加了相关代码。基本上，我执行一个查询，添加一个包含链接的查询列，然后在cfgrid中输出结果：

<cfquery name="qSessions" datasource="">
    SELECT id, title
    FROM EVENTS
    WHERE c_fkid = 1
</cfquery>
<cfset QueryAddColumn(qSessions,"edit_link","varchar",ArrayNew(1))>
<cfset i = 0>
<cfloop query="qSessions">
    <cfset i = i + 1>
    <cfset thisText = "<a href='./datagridFB.cfm?no_app=1' class='edit-session' id=" & i & ">Edit this session</a>">
    <cfset QuerySetCell(qSessions,"edit_link",thisText, currentRow)>
</cfloop>


<head>
    <!--- Javascript library/CSS links would go here --->
    <script type="text/javascript">
        $j = jQuery.noConflict();

        /* Reload the page */
        function refreshParent(){
            window.location.reload(true);
        }

        /* Initialization actions on doc ready */
        $j(document).ready(function() {
            $j(".edit-session").fancybox({
                'width'             : 600,
                'height'            : 350,
                'hideOnContentClick': false,
                'transitionIn'      : 'elastic',
                'transitionOut'     : 'fade',
                'type'              : 'iframe',
                'href'              : $j(this).href,
                'overlayOpacity'    : 0.6,
                'onCleanup'         : function(){refreshParent()}
            });
        });
    </script>       
</head>

<body>
    <!---Test Fancybox links outside the CFGRID--->
    <a href="./datagridFB.cfm?no_app=1" id="test-link" class="edit-session">Test FB</a>

    <!--- Output the results of the query --->
    <h2 class="header">Sessions in the Database</h2>
    <cfform id="testForm" name="testForm" method="post">
        <cfgrid name="testGrid" format="html" query="qSessions" width="500">
            <cfgridcolumn name="id" header="ID">
            <cfgridcolumn name="title"  header="Session Title" width="300"> 
            <cfgridcolumn name="edit_link" header="Edit">
        </cfgrid>
    </cfform>
</body>

问题是测试链接(在CFGRID之外)工作得很好。点击它，Fancybox iFrame就会打开。但是，CFGRID中的链接不会产生放大效果--它们会将您直接带到页面。有人能对此提供一些指导吗？这与CFGRID是建立在Ext.js上还是什么的事实有关？谢谢!

coldfusion

fancybox

cfgrid

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-06-08 03:54:07

不幸的是，混合使用jQuery和cfform的ajax从来都不是一个好主意。也许可以考虑将cfgrid的使用移植到jQuery网格插件中？

或者使用<cfwindow>而不是Fancybox？

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6270160

复制

相似问题

问Fancybox似乎无法使用Coldfusion CFGRID标记
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fancybox似乎无法使用Coldfusion CFGRID标记EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Fancybox似乎无法使用Coldfusion CFGRID标记
EN