2010-05-14 70 views
4

我使用tablesorter插件帮助:http://tablesorter.com/docs/使用jQuery 1.4.2需要使用jQuery的tablesorter插件寻呼机

现在我的问题是这样的。用户可以动态地将行添加到表中。但是这似乎弄乱了分页。首先它会被添加到行的第一个“页面”,但是如果您要转到第二个页面并返回第一个页面。你最近的记录已经消失了。我不知道它在哪里,但它只是消失了。

我试图做到这一点

$('#pagerid').unbind('click'); 
$('#tbl tbody ').append(response.HtmlRow); 
$('#tbl').trigger('update'); 

于是,我就解除绑定寻呼机点击方法,做一个触发更新,但似乎并没有工作。然后我尝试在上述3行之后添加这一行。

$('#tbl').tablesorterPager({ container: $('#pagerid') }); 

但它似乎什么都不做。

http://tablesorter.com/docs/example-pager.html

回答

8

这是因为TableSorterPager存储表中的行的高速缓存阵列,然后破坏/再现仅示出了从高速缓存中“有趣”的行的表 - 取决于所选择的页面上。

我在工作之前遇到过这个问题,除了我还在Pager和TableSorter上使用了TableSorterFilter插件。最后,我终于完成了它的工作,但是修改插件代码需要很多努力。

如果我要重新开始,我会去DataTables.net这似乎有一个更丰富的API来做这些类型的事情。事实上,我建议在你让自己疯狂之前先走这条路!

+5

您应该贡献您的更改/修复。 – 2010-07-11 02:21:09

0

要添加的行(tr)必须具有样式标签“display:table-row;”