система нумерации страниц - PullRequest
Новая
       7

система нумерации страниц

0 голосов
/ 18 октября 2011

Я ищу систему с пагинами, которая имеет следующие характеристики:

Я бы проанализировал данные из базы данных, например, для: 

<ul>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
</ul>

тогда эта разметка будет обрабатываться на стороне клиента с помощью jquery для создания нумерации страниц, так что здесь нет ajax, я только вызываю db для заполнения и построения моей разметки, а затем обрабатываю ее с помощью jquery на стороне клиента.

кто-нибудь знает несколько хороших примеров того, как это сделать tahnks

Ответы [ 2 ]

2 голосов
/ 18 октября 2011
0 голосов
/ 18 октября 2011

Если бы вы могли быть немного более точными в том, в чем именно вы не уверены, это было бы очень полезно, но с тем, что вы дали мне выше, я бы сказал, что вы хотите получить всю информациюсразу из базы данных (поскольку вы не можете использовать AJAX для получения дополнительной информации базы данных при разбивке на страницы).Что касается части разбивки на страницы вашего кода, я использовал модуль разбивки на страницы jQuery от gbirke с большим успехом.комментарии здесь.Этот плагин может быть использован с БД и PHP.Я предполагаю, что вы можете получить вышеупомянутые комментарии на странице через php из БД: 

<ul>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
<li>data extracted from db<li>
</ul>

По сути, вы просто скрываете контент на уровне ul и назначаете ul класс.Затем вы будете использовать селектор jquery, чтобы выбрать нужные элементы из этого списка и клонировать их.Например, вы хотели бы, чтобы ваш обратный вызов нумерации страниц имел что-то вроде этого: 

$('.paged-content-area').empty();
for(var i = 0; i < items_per_page; i++) {
    var new_content = $('ul.hidden-content li:eq('+((page_index*items_per_page) + i)+')').clone();
    $('.paged-content-area').append(new_content);
}

Надеюсь, это поможет вам достичь желаемого результата!

...