首页 > 解决方案 > 返回 f 的 ColdFusion 数据表未定义

问题描述

我正在将 dataTable 添加到我的coldFusion 项目中,但它正在返回: Uncaught TypeError: f is undefined

代码:

<table id="webPosttable" cellpadding="5" cellspacing="0">
    <thead>
        <tr>
            <th>DATE</th>
            <th>CK</th>
            <th>NAME</th>
            <th>IN</th>
            <th>RATE</th>
            <th>COST</th>
        </tr>
    </thead>
    <tbody>
    <cfoutput query="myQuery">
        <cfset totalreportin = totalreportin + val(counter)>
        <cfset totalreportcost = rate*counter + totalreportcost>
        <tr>
            <TD>#inserteddate#</TD>
            <TD>#ck#</TD>
            <TD>#fullname#</td>
            <TD><a href="link.cfm?d=#inserteddate#&ck=#ck#"  target="_blank">#counter#</a></TD>
            <td>#decimalformat(rate)#</td>
            <td>#dollarformat(rate*counter)#</td>
        </tr>
    </cfoutput>
    </tbody>
    <tfoot>
        <cfoutput>
        <tr>
            <TD colspan="3">TOTAL:</TD><td>#totalreportin#</td><TD></td><td>#dollarformat(totalreportcost)#</td>
            <TD colspan="3">AVERAGE:</TD><td><Cfif incomingreport.recordcount GT 0>#decimalformat(val(totalreportin/incomingreport.recordcount))#<Cfelse>0</CFIF></td>
        </tr>
        <tr>
            <td></td><td><Cfif totalreportin GT 0>#dollarformat(totalreportcost/totalreportin)#<cfelse>0</cfif></td>
        </tr>
        </cfoutput>
    </tfoot>
</table>

<script>
        $('#webPosttable').DataTable({
            "lengthChange": false,
            "paging": false,
            "bInfo" : false,
            "dom": '<"pull-left"f><"pull-right"l>tip'
        });
</script>

有谁知道如果我的表结构或 javascript 数据设置中缺少某些东西怎么办?

谢谢

标签: datatablecoldfusion

解决方案


问题不在于您的 Coldfusion 代码,而在于您的<tfoot>内容结构。中的列tfoot数与表中其余部分的列数不匹配。甚至tr你里面的两个stfoot也不匹配。

暂时注释掉tfoot它以测试它是否在没有的情况下工作,然后平衡列并将其放回。

例如:

<tfoot>
    <cfoutput>
    <tr>
        <TD>TOTAL:</TD>
        <td>#totalreportin#</td>
        <td></td>
        <td>#dollarformat(totalreportcost)#</td>
        <TD>AVERAGE:</TD>
        <td><Cfif incomingreport.recordcount GT 0>#decimalformat(val(totalreportin/incomingreport.recordcount))#<Cfelse>0</CFIF></td>
    </tr>
    <tr>
        <td colspan="5"></td>
        <td><Cfif totalreportin GT 0>#dollarformat(totalreportcost/totalreportin)#<cfelse>0</cfif></td>
    </tr>
    </cfoutput>
</tfoot>

如果在那之后您仍然有错误,那么我建议您更新问题以包含显示您包含的 jQuery+datatables 版本以及包含它的位置和方式的代码。您可能还需要将脚本包装在$(document).ready( function () { ...


推荐阅读