panix/wgt-scroll-pager

无限AJAX滚动

安装: 228

依赖项: 1

建议者: 0

安全性: 0

星级: 0

关注者: 2

分支: 0

开放问题: 0

语言:JavaScript

类型:pixelion-component

2.0.1 2023-06-10 11:17 UTC

This package is auto-updated.

Last update: 2024-09-10 13:51:12 UTC


README

使用AJAX进行无限滚动分页。

Y2SP与yii\data\Pagination对象协同工作,该对象指定了总页数和当前页码。

分页器是通过jQuery Infinite Ajax Scroll插件构建的。

Latest Stable Version Total Downloads Monthly Downloads Daily Downloads Latest Unstable Version License

要求

  • Yii 2.0
  • PHP 5.4

安装

安装此扩展的首选方式是通过Composer

运行以下命令之一:

php composer require panix/wgt-scroll-pager "dev-master"

或将

"panix/wgt-scroll-pager": "dev-master"

添加到您的composer.json文件的require部分。

用法

只需将ScrollPager类名传递给ListView的pager配置。确保您的列表项中存在一些可以作为JavaScript选择器的类。

ListView

echo ListView::widget([
     'dataProvider' => $dataProvider,
     'itemOptions' => ['class' => 'item'],
     'itemView' => '_item_view',
     'pager' => ['class' => \panix\wgt\scrollpager\ScrollPager::className()]
]);

GridView

echo GridView::widget([
     'dataProvider' => $dataProvider,
     'pager' => [
        'class' => \panix\wgt\scrollpager\ScrollPager::class,
        'container' => '.grid-view tbody',
        'item' => 'tr',
        'paginationSelector' => '.grid-view .pagination',
        'triggerTemplate' => '<tr class="ias-trigger"><td colspan="100%" style="text-align: center"><a style="cursor: pointer">{text}</a></td></tr>',
     ],
]);

配置

常规选项

扩展

扩展选项

插件事件

报告

  • GitHub上报告任何问题。

许可证

wgt-scroll-pager是在MIT许可证下发布的。有关详细信息,请参阅附带LICENSE.md文件。

资源