【问题标题】:Tablesorter and dynamically added rowsTablesorter 和动态添加的行
【发布时间】:2012-01-18 02:09:35
【问题描述】:

我在使用 tablesorter 和动态添加行时遇到问题。当我尝试添加行时,出现此错误: config.parsers[j] is undefined.

我添加行的方式与此处的示例相同,http://mottie.github.com/tablesorter/docs/example-pager.html

delete_rows();
var html_data = '';
for ( i in wos ) {
    html_data += '<tr>';
    html_data += '<td><a href="#" class="get_wo" title="' + wos[i].val1 + '">' + wos[i].val1 + '</a></td>';
    html_data += '<td>' + wos[i].val2 + '</td>';    
    html_data += '</tr>';
}

var $html_data=$(html_data);
wo.show();                  
$( "#wo_table" ).find('tbody').append($html_data).trigger('addRows', [$html_data]);                             

首先我删除表中除标题之外的所有行,然后创建行并将其附加到表中。

有没有人遇到过同样的问题或类似的问题? 我正在使用 Tablesorter 版本 2.0.25.1

【问题讨论】:

    标签: javascript sorting dynamic pagination tablesorter


    【解决方案1】:

    我不确定您为什么要删除所有表行然后使用“addRows”方法,因为它只会在原始行下添加新行。因此,由于首先删除了所有行,因此最好使用这样的“更新”方法(@​​987654321@;单击“测试”按钮):

    $( "#wo_table" ).find('tbody').append($html_data).trigger('update');  
    

    哦,我根本没有看到你提到的那个错误。

    【讨论】:

    • 自用作搜索以来,我将删除所有行,如果他们搜索其他内容,我必须删除旧结果。这不适用于分页,它只显示前 10 个结果,其余结果不显示。我认为这是因为 Tablesorter 的更新功能,因为调用寻呼机时并非所有行都存在
    • 好的,虽然您链接到了寻呼机,但不清楚您是否使用了寻呼机;)...尝试将寻呼机选项 removeRows 设置为 false,或使用 @987654325 @更新之前看看是否有效。
    • 感谢您到目前为止的帮助 fudgey,现在我的桌子除了 1 件事外还能正常工作。当我将寻呼机更改为每页显示更多/更少的结果,然后尝试对结果进行排序时,它会恢复为每页的旧结果数量。我认为是因为我没有正确更新寻呼机。
    • 嗯,我看到您说您使用的是最新版本的 tablesorter,但是您使用的是最新版本的寻呼机插件吗?它以前的行为是这样的,但我想我更新了它。
    • 我使用的是 mottie 的 tablesorter 版本。改回 Christian 的桌面排序器,现在一切正常。谢谢你的帮助!
    猜你喜欢
    • 2016-11-22
    • 1970-01-01
    • 1970-01-01
    • 2014-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多