具有实时点击事件功能的数据表

时间:2011-07-24 17:29:08

标签: jquery datatables

我试图做的是当用户点击查看所有内容页面时,它超出了分页视图,所以我希望它删除它删除页面而不是第一个预览下一个最后链接的分页链接,但是当用户点击View Paginated Records时,它会添加First Pre Next Last链接。

http://jsfiddle.net/xtremer360/hrfYA/7/

1 个答案:

答案 0 :(得分:2)

如果你想根据你正在做的事情显示/隐藏分页控件,你只需要显示/隐藏它们:

$('.viewAll').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(-1);
    $(this).removeClass('viewAll').addClass('paginateRecords');
    $(this).find('strong').html('View Paginated Records');
    $('.pagination').hide();
});

$('.paginateRecords').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(10);
    $(this).removeClass('paginateRecords').addClass('viewAll');
    $(this).find('strong').html('View All Content Pages');    
    $('.pagination').show();    
});

小提琴:http://jsfiddle.net/nicolapeluchetti/hrfYA/9/