Как использовать SimplePagination JQuery
Я пытаюсь использоватьsimplePagination в моем коде. (Я разрабатываю с использованием MVC4 C #)
Допустим, у меня есть эта куча кодов
<table>
<thead>
<tr>
<td><input type="checkbox" name="select-all" id="select-all" /></td>
<td style="text-align: left">Name</td>
<td style="text-align: left">Created By</td>
<td style="text-align: left">Created Date</td>
</tr>
</thead>
<tbody>
<tr class="post">
<td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
<td>Window</td>
<td>John</td>
<td>01/01/2014 12:00:00 AM</td>
</tr>
<tr class="post">
<td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
<td>Door</td>
<td>Chris</td>
<td>01/01/2014 12:00:00 AM</td>
</tr>
<tr class="post">
<td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
<td>Floor</td>
<td>Michael</td>
<td>01/01/2014 12:00:00 AM</td>
</tr>
<tr class="post">
<td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
<td>Car</td>
<td>James</td>
<td>01/01/2014 12:00:00 AM</td>
</tr>
<tr class="post">
<td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
<td>Bike</td>
<td>Steven</td>
<td>01/01/2014 12:00:00 AM</td>
</tr>
</tbody>
</table>
* Примечание: в приведенном выше коде я добавляю класс 'post' к каждому 'tr' (строка в теле таблицы). И эти строки генерируются динамически с помощью цикла for (C #)
И из документации, если я хочу использоватьsimplePagination Я должен объявить jquery следующим образом:
$(function() {
$(selector).pagination({
items: 100,
itemsOnPage: 10,
cssStyle: 'light-theme'
});
});
На самом деле я не совсем уверен, как использовать (* как позвонить) этоsimplePagination, Я впервые имею дело с нумерацией страниц.
Я уже пытался поставить этот код после таблицы
<div class="pagination-page"></div>
И измените «Селектор» внутри метода вызова jquery с помощью «.pagination-page», но это не сработало.
$(function() {
$('.pagination-page').pagination({
items: 100,
itemsOnPage: 10,
cssStyle: 'light-theme'
});
});
Должен ли я заменить «Селектор» на имя класса? Если да, как мне это сделать?Во-вторых, как я могу это объявитьsimplePagination чтобы он показывал только 2 строки (только 2 класса 'Post') для каждой страницы?* Значит на первой странице он покажет только
+--------------------------------------------------+
| [] | Name | CreatedBy | CreatedDate |
|--------------------------------------------------|
| [] | Window | John | 01/01/2014 12:00:00 AM |
| [] | Door | Chris | 01/01/2014 12:00:00 AM |
+--------------------------------------------------+
Вторая страница покажет
+--------------------------------------------------+
| [] | Name | CreatedBy | CreatedDate |
|--------------------------------------------------|
| [] | Floor | Michael | 01/01/2014 12:00:00 AM |
| [] | Car | James | 01/01/2014 12:00:00 AM |
+--------------------------------------------------+
Скоро..
* Примечание: я не уверен, как этот jquery определит, сколько элементов у нас есть, сгенерирует количество страниц и разместит эти элементы соответственно.