Tablesorter n [0]未定义

时间:2011-12-20 19:49:19

标签: jquery asp.net html-table tablesorter

我遇到了tablesorter的问题。错误是: n [0]未定义

function appendToTable(table,cache) {

            if(table.config.debug) {var appendTime = new Date()}

            var c = cache, 
                r = c.row, 
                n= c.normalized, 
                totalRows = n.length, 
                checkCell = (n[0].length-1), 
                tableBody = $(table.tBodies[0]),
                rows = [];

            for (var i=0;i < totalRows; i++) {
                rows.push(r[n[i][checkCell]]);  
                if(!table.config.appender) {

                    var o = r[n[i][checkCell]];
                    var l = o.length;
                    for(var j=0; j < l; j++) {

                        tableBody[0].appendChild(o[j]);

                    }

                    //tableBody.append(r[n[i][checkCell]]);
                }
            }   

上面是jquery.tablesorter.js的代码片段 它表示checkCell =(n [0] .length - 1)的行是发生错误的地方。

我不明白未定义的对象是如何传递给函数的。在我的一个项目中,tablesorter工作正常,但在这个项目上没有正常工作。

[编辑] 这是用于调用tablesorter的代码段。如果我注释掉tablesorter和tablesorterPager,我的代码中的任何其他内容都不会中断。

$reviewTable = $("#reviewTable");
$reviewTable.tablesorter();
$reviewTable.tablesorterPager({ container: $("#pager"), size: 100, widgets: ['zebra'] });

以下是客户端

<asp:Repeater ID="reviewRepeater" runat="server">
    <HeaderTemplate>
        <table cellpadding="0" cellspacing="0" class="MarkAsReceived" id="reviewTable">
            <thead>
                <tr class="even">
                    <th align="left">Review ID</th>
                    <th align="left">Date Submitted</th>
                    <th align="left">Rating</th>
                    <th align="left">Image</th>  
                    <th align="left">ProductId</th>
                    <th align="left">Status</th>
                    <th align="left">Name</th>
                </tr>
            </thead>
            <tbody>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ReviewId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "SubmissionDate")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Rating")%></td>
            <td align="left"><%#hasImage(DataBinder.Eval(Container.DataItem, "ReviewerImages"))%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ProductId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Status")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Nickname")%></td>
        </tr>
    </ItemTemplate>
    <AlternatingItemTemplate>
        <tr>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ReviewId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "SubmissionDate")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Rating")%></td>
            <td align="left"><%#hasImage(DataBinder.Eval(Container.DataItem, "ReviewerImages"))%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "ProductId")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Status")%></td>
            <td align="left"><%#DataBinder.Eval(Container.DataItem, "Nickname")%></td>
        </tr>
    </AlternatingItemTemplate>
    <FooterTemplate>
            </tbody>
        </table>
        <asp:Label ID="lblEmpty" Text="No Items." runat="server" Visible='<%# reviewRepeater.Items.Count == 0 %>'></asp:Label>
    </FooterTemplate>
</asp:Repeater>

1 个答案:

答案 0 :(得分:3)

如果我记得,你得到的错误是因为该表最初是空的(tbody)。所以修改这行代码:

checkCell = (n[0].length-1),

到此:

checkCell = totalRows ? (n[0].length - 1) : 0,

如果您有兴趣,我forked并在github上为原始tablesorter插件添加了许多增强功能(包括上面的更改)。