jQuery Tablesorter Pager - Установить первую отображаемую строку - PullRequest
Новая
       15

jQuery Tablesorter Pager - Установить первую отображаемую строку

1 голос
/ 11 января 2010

Я использую плагин TableSorter и Pager отсюда: http://tablesorter.com/docs/

Я хочу, чтобы таблица отображала результаты, начиная с некоторого определенного индекса - например, если мой индекс равен 14, я хочу, чтобы таблица отображала «страницу» результатов 11-20, поэтому моя строка отображается вместо запуска на странице по умолчанию 1, показывающей результаты 1-10.

У меня это работает, как и ожидалось, но с некоторым довольно уродливым кодом ..

Сначала я работаю над страницей, которая должна отображаться (C #): 

int index = 24;
int pageToDisplayFirst = 1;
while (true)
{
    if (index - 10 > 0)
    {
        pageToDisplayFirst++;
        index -= 10;
    }
    else
    {
        break;
    }
}

Затем я установил страницу этим ужасным циклом: 

for(var i = 0; i < <%= pageToDisplayFirst %>; i++) {
    $(".next").trigger("click");
}

Вот код инициализации jQuery, ничего особенного: 

 $("table.tablesorter").tablesorter({
     cssAsc: 'sortasc', cssDesc: 'sortdesc', cssHeader: 'unsorted',
     sortList: [[0,0]]
 }).tablesorterPager({container: $("#pager")});

Так может ли кто-нибудь предложить более элегантное, эффективное решение?

1 Ответ

2 голосов
/ 11 января 2010

я не знаю c #, но вы могли бы просто сделать это:

pageToDisplayFirst = Math.floor(index / itemsPerPage + 1)

 //found this code in the plungin source
this.defaults = {
    size: 10,
    offset: 0,
    page: 0, <<<<
    totalRows: 0,
    totalPages: 0,
    container: null,
    cssNext: '.next',
    cssPrev: '.prev',
    cssFirst: '.first',
    cssLast: '.last',
    cssPageDisplay: '.pagedisplay',
    cssPageSize: '.pagesize',
    seperator: "/",
    positionFixed: true,
    appender: this.appender
};

Может быть, это будет работать 

$("table.tablesorter").tablesorter({
    cssAsc: 'sortasc', cssDesc: 'sortdesc', cssHeader: 'unsorted',
    sortList: [[0,0]]
}).tablesorterPager({container: $("#pager"), page: <%= pageToDisplayFirst %>});
...