smart-table - пользовательская нумерация страниц

Я использую плагин smart-table для разбиения на страницы.

Мое требование: я извлекаю 100 записей из базы данных во время загрузки, а записей на страницу - 10. Таким образом, количество страниц будет равно 10 при нумерации страниц.

Теперь я хочу, когда я нажимаю на номер страницы 10 (из разбивки на страницы), затем я хочу получить еще 100 записей из базы данных, а затем эти новые 100 записей будут добавлены в таблицу (всего записей в таблице будет 200, а номер страницы будет быть от 1 до 20 в нумерации страниц) и то же самое, когда я нажимаю на страницу номер 20, еще 100 записей извлекаются из базы данных и так далее.


pagination angularjs angularjs-directive angularjs-scope smart-table
person Kumar Deepak    schedule 23.10.2015    source источник
comment
я попытался зафиксировать событие щелчка на номере страницы, но из-за области изменения я не могу добавить данные в таблицу. У вас есть другой подход к тому же самому?   -  person Kumar Deepak    schedule 23.10.2015
comment
покажи код где ты это делаешь.   -  person Tarun Dugar    schedule 23.10.2015
comment
//просмотр -> состояние таблицы scope.selectPage = function (page) { console.log('page '+page); if (page › 0 && page ‹= scope.numPages) { ctrl.slice((page - 1) * scope.stItemsByPage, scope.stItemsByPage); } }; это код smart-table.js, здесь я не получаю $scope. Есть ли способ получить $scope ?   -  person Kumar Deepak    schedule 23.10.2015
comment
Было бы здорово, если бы вы могли поделиться подходом к тому же. Как я могу выполнить эту задачу.   -  person Kumar Deepak    schedule 23.10.2015

Ответы (1)


arrow_upward
0
arrow_downward

Из вашего вопроса я понял, что вы хотите, чтобы строки таблицы складывались друг на друга, а не заменялись при навигации по пагинатору.

Прежде всего, вам не нужно использовать пагинацию по умолчанию, вы можете поместить свою собственную разметку в теги <tfoot>

Во-вторых, если вы хотите показывать разное количество строк при клике, вы можете использовать limitTo< /a> фильтр на ng-repeat

Вот планк, показывающий, как я добавил кнопки, изменяющие количество отображаемых строк. на столе. вы можете использовать эту логику (и функции) в своем собственном шаблоне, просто выберите номер страницы, которую вы собираетесь использовать, умножьте на 10 и установите это число как количество, которое вы хотите увидеть

person svarog    schedule 27.10.2015