jQuery: есть ли способ для tablesorterPager отображать выбираемые номера страниц?

Я использую jQuery TableSorter и пытаюсь добавить навигацию по страницам (с помощью таблицы). Теперь у tablesorter есть плагин пейджера, но проблема в том, что он не показывает номера страниц, поэтому вы не можете выбрать конкретную страницу для просмотра.

Я нашел этот плагин Pagination: http://plugins.jquery.com/project/pagination, который именно то, что я ищу. проблема в том, что все мои попытки объединить буксир дали мне много ошибок..

Есть ли способ их объединить? или, может быть, изменить tablesorterPager, чтобы он мог выбирать страницы?


javascript navigation jquery tablesorter
person NATTO    schedule 04.12.2010    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно будет изменить TablesorterPager. Два плагина, изменяющие один элемент DOM, могут привести к путанице. Код будет легко добавить в плагин, если у вас есть опыт создания плагинов jQuery. Если нет, я дам вам краткий план, и если вы не можете понять это, я был бы более чем счастлив помочь дальше.

  • Создайте функцию для установки <ul> с <li> для каждого номера страницы. Вы можете скрыть несколько средних, как это делает этот сайт, или нет.
  • Вызвать эту функцию из конструктора
  • Установите событие click() в конструкторе для загрузки страницы. Я думаю, что самым простым способом сделать это было бы просто иметь каждый <li> идентификатор чего-то в строках #page0, #page1, #page2 и т. д. Таким образом, вы можете просто удалить часть «страницы» и отправить их на страницу на основе .val() элемента, на который они нажали.
  • Пока вы меняете страницу, вы, вероятно, захотите переключить некоторые активные классы и, возможно, изменить исходные <ul> дочерние элементы. Все это можно обернуть в функцию. Подробности о том, какие элементы нужно изменить и какие имена классов, можно найти в надстройке плагина.

Удачи! Отправьте комментарий или что-то еще, если вы хотите получить более подробную информацию.

person wanovak    schedule 04.12.2010