ScrollPager works with a [[Pagination]] object which specifies the totally number of pages and the current page number.
Example usage:
Example usage:
echo ListView::widget([
'dataProvider' => $dataProvider,
'itemOptions' => ['class' => 'item'],
'itemView' => '_item_view',
'pager' => ['class' => \kop\y2sp\ScrollPager::className()]
]);
This widget is using {@link http://infiniteajaxscroll.com/ JQuery Infinite Ajax Scroll plugin}.
<?php
$this->title = '发布新动弹';
/** @var \frontend\modules\tweet\models\Tweet $model*/
/** @var \yii\data\ActiveDataProvider $dataProvider*/
?>
<div class="col-md-9 tweet" contenteditable="false" style="">
<div class="panel panel-default">
<div class="panel-heading clearfix">
<?php
echo $this->title;
?>
<span class="pull-right fade-info" id="remaining">500</span>
</div>
<?php
echo $this->render('_form', ['model' => $model]);
?>
</div>
<?php
echo \yii\widgets\ListView::widget(['dataProvider' => $dataProvider, 'itemView' => '_item', 'itemOptions' => ['class' => 'list-group-item item'], 'summary' => false, 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'eventOnRendered' => 'function() {emojify.run();}', 'triggerOffset' => 5]]);
?>
</div>
<?php
echo \frontend\widgets\TopicSidebar::widget(['type' => 'create']);
public function run()
{
$this->view->registerJs('function refreshGpGallery() {
$(".gpgallery").collagePlus({"targetHeight": 250, "allowPartialLastRow": true, "childrenFilterSelector": ".inline"});
$(".gpgallery").collageCaption({"images": $(".inline:not(:has(div))")});
}
$(window).load(function() { refreshGpGallery(); });
$(window).resize(function() { refreshGpGallery(); });');
echo ListView::widget(['dataProvider' => $this->dataProvider, 'itemOptions' => ['tag' => false], 'itemView' => $this->itemView, 'layout' => "<div class=\"gpgallery\">{items}</div>\n{pager}", 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'triggerOffset' => 999999, 'noneLeftText' => 'No more item to display', 'noneLeftTemplate' => '<div class="clearfix"></div><div class="ias-noneleft" style="text-align: center;"><small class="text-muted">{text}</small>', 'enabledExtensions' => [\kop\y2sp\ScrollPager::EXTENSION_TRIGGER, \kop\y2sp\ScrollPager::EXTENSION_SPINNER, \kop\y2sp\ScrollPager::EXTENSION_NONE_LEFT], 'eventOnRendered' => "function() { refreshGpGallery(); }"]]);
}
<?php
/**
* Created by Vladimir Hryvinskyy.
* Site: http://codice.in.ua/
* Date: 24.09.2016
* Project: osnovasite
* File name: history.php
*/
//$this->params['']
?>
<section class="prjct-in clearfix">
<div class="container-fluid history-cont">
<?php
echo \yii\widgets\ListView::widget(['summary' => false, 'dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'container history wow fadeInRight'], 'itemView' => '_item_history', 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'item' => '.history', 'container' => '.list-view', 'triggerText' => Yii::t('system', 'Show more ∨'), 'noneLeftText' => '', 'triggerTemplate' => '
<div class="container clearfix">
<div class="readmore-ajax">
<button class="btn btn-default rdmr-btn">
{text}
</button>
</div>
</div>
', 'delay' => 0]]);
?>
</div>
</section>
use yii\helpers\Html;
use yii\helpers\ArrayHelper;
use yii\widgets\ListView;
/* @var $this yii\web\View */
/* @var $searchModel amilna\blog\models\PostSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */
$this->title = Yii::t('app', 'Posts');
$this->params['breadcrumbs'][] = ['label' => Yii::t('app', 'Blog'), 'url' => ['/blog/default']];
$this->params['breadcrumbs'][] = $this->title;
$dataProvider->pagination = ['pageSize' => 12];
?>
<div class="post-index">
<h1><?php
echo Html::encode($this->title);
?>
</h1>
<?php
// echo $this->render('_search', ['model' => $searchModel]);
?>
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'col-md-4 col-sm-6 item', 'tag' => 'div'], 'itemView' => '_itemIndex', 'options' => ['class' => 'row text-center list-view'], 'layout' => "{items}\n{pager}", 'pager' => ['class' => \kop\y2sp\ScrollPager::className()]]);
?>
</div>
<?php
use yii\web\View;
use nirvana\infinitescroll\InfiniteScrollPager;
use yii\widgets\Pjax;
?>
<?php
Pjax::begin(['id' => 'pjaxListTimeLine', 'enablePushState' => false, 'enableReplaceState' => false]);
echo \yii\widgets\ListView::widget(['dataProvider' => $dataProvider, 'layout' => "{summary}\n<div class=\"timeline items\">{items}</div>\n{pager}", 'itemView' => 'timeLineItem', 'itemOptions' => ['tag' => false], 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'eventOnScroll' => 'console.log(111)', 'triggerOffset' => 3]]);
Pjax::end();
<?php
use yii\web\View;
// use nirvana\infinitescroll\InfiniteScrollPager;
use yii\widgets\Pjax;
use yii\bootstrap\BootstrapAsset;
?>
<?php
Pjax::begin(['id' => 'pjaxListTimeLine', 'enablePushState' => false, 'enableReplaceState' => false]);
echo \yii\widgets\ListView::widget(['dataProvider' => $dataProvider, 'layout' => "{summary}\n<ul class=\"timeline\">{items}<li class=\"item clearfix\" style=\"float: none;\"></li></ul>\n{pager}", 'itemView' => 'timeLineItem2', 'itemOptions' => ['tag' => false], 'pager' => ['class' => \kop\y2sp\ScrollPager::className()]]);
?>
<!-- <ul class="timeline">
<li>
<div class="timeline-badge primary"><a><i class="glyphicon glyphicon-record" rel="tooltip" title="11 hours ago via Twitter" id=""></i></a></div>
<div class="timeline-panel">
<div class="timeline-heading">
<img class="img-responsive" src="http://lorempixel.com/1600/500/sports/2" />
</div>
<div class="timeline-body">
<p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
</div>
<div class="timeline-footer">
<a><i class="glyphicon glyphicon-thumbs-up"></i></a>
<a><i class="glyphicon glyphicon-share"></i></a>
<a class="pull-right">Continuar Lendo</a>
</div>
</div>
$widget->uniqid = !isset($widget->uniqid) ? uniqid() : $widget->uniqid;
$title = Yii::t('app', 'Replies: ' . ucfirst($widget->parentType) . ": " . $widget->parentId);
switch (\Yii::$app->request->isAjax) {
case true:
$this->title = $title;
break;
}
$this->params['breadcrumbs'][] = $title;
?>
<h3>Comments</h3>
<div class="wrapper">
<?php
$widget->options = is_array($widget->options) ? $widget->options : ['role' => 'entityMessages', 'id' => 'messages' . $uniqid, 'data-parent' => 'replyFormParent', 'class' => 'absolute full-height'];
$messages = ListView::widget(['summary' => false, 'layout' => '{items}', 'emptyText' => '', 'options' => $widget->options, 'dataProvider' => $dataProvider, 'itemOptions' => ['tag' => false], 'itemView' => function ($model, $key, $index, $_widget) use($widget) {
return $widget->render('@nitm/widgets/views/replies/view', ['model' => $model, 'uniqid' => $widget->uniqid, 'formId' => '#messages-form' . $widget->uniqid]);
}, 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'container' => '#messages' . $uniqid, 'item' => ".message", 'negativeMargin' => 250, 'delay' => 1000, 'triggerText' => 'More messages', 'noneLeftText' => 'No more messages']]);
$form = !isset($widget->formOptions['enabled']) || isset($widget->formOptions['enabled']) && $widget->formOptions['enabled'] !== false ? \nitm\widgets\replies\RepliesForm::widget($widget->formOptions) : '';
switch (isset($widget->noContainer) && $widget->noContainer == true) {
case false:
$messages = Html::tag('div', $messages . $form, ['role' => 'replyFormParent']);
break;
}
echo $messages;
?>
</div>
<?php
if (\Yii::$app->request->isAjax) {
?>
<script type="text/javascript">
$nitm.onModuleLoad('replies', function () {
//$nitm.module('replies').init("<?php
<?php
use yii\widgets\ListView;
use yii\widgets\Pjax;
/* @var $this yii\web\View */
/* @var $searchModel humanized\scoopit\models\ScoopSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */
?>
<?php
Pjax::begin(['id' => 'news-list']);
?>
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'item'], 'itemView' => '_item', 'viewParams' => $viewParams, 'summary' => false, 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'triggerOffset' => 100]]);
Pjax::end();
?>
</div>
<div class="clearfix"></div>
<div class="nextprev">
<a class="prev" href="#">
<div class="slidebox"><i class="fa fa-angle-left"></i></div>
</a>
<a class="next" href="#">
<div class="slidebox"><i class="fa fa-angle-right"></i></div>
</a>
</div>
</div>
<div class="clearfix"></div>
<div class="home-4-blog-content">
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'item'], 'itemView' => '_item', 'summary' => '', 'summary' => '', 'viewParams' => ['fullView' => true, 'context' => 'main-page', 'count' => count($dataProvider)], 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'noneLeftText' => '', 'spinnerSrc' => Yii::$app->params['cdn'] . 'themes/ruby/img/spinner.gif']]);
?>
</div>
<div class="clearfix"></div>
<div class="mainFooter-white">
<div class="col-md-4">
<h3>OUR STORY</h3>
<div class="text-widget">
<p></p>
</div>
</div>
<div class="col-md-4">
<h3>RECENT POSTS</h3>
<div class="popular-post-widget">
<?php
$this->title = '发布新动弹';
/** @var \frontend\modules\tweet\models\Tweet $model*/
/** @var \yii\data\ActiveDataProvider $dataProvider*/
?>
<div class="col-md-9 tweet" contenteditable="false" style="">
<div class="panel panel-default">
<div class="panel-heading clearfix">
<?php
echo $this->title;
?>
<span class="pull-right fade-info" id="remaining">500</span>
</div>
<?php
echo $this->render('_form', ['model' => $model]);
?>
</div>
<?php
echo \yii\widgets\ListView::widget(['dataProvider' => $dataProvider, 'itemView' => '_item', 'itemOptions' => ['class' => 'list-group-item item'], 'summary' => false, 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'eventOnRendered' => "function() {\n emojify.run();\n \$('pre code').each(function (i, block) {\n hljs.highlightBlock(block);\n });\n }", 'triggerOffset' => 5]]);
?>
</div>
<?php
echo \frontend\widgets\TopicSidebar::widget(['type' => 'create']);
<?php
Pjax::begin(['id' => 'listview_favoritos', 'timeout' => false, 'enablePushState' => false, 'options' => ['class' => 'col-md-12'], 'clientOptions' => ['method' => 'POST']]);
?>
<!--FORMULARIO BUSQUEDA-->
<?php
$form = ActiveForm::begin(['options' => ['class' => 'form-inline', 'data-pjax' => true]]);
?>
<?php
echo $form->field($search, 'nombre')->label(false);
?>
<div class="form-group">
<?php
echo Html::submitButton('Apply', ['class' => 'btn btn-success']);
?>
</div>
<?php
ActiveForm::end();
?>
<!--LISTADO-->
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'col-xs-12 col-lg-6 col-md-6 item'], 'itemView' => 'partials/_listado_favoritos', 'summary' => false, 'options' => ['class' => 'list-view row', 'id' => 'listado-favoritos'], 'pager' => ['class' => ScrollPager::className(), 'id' => 'listadofavoritos', 'triggerOffset' => 100, 'eventOnRender' => 'function(items) { $(items).css({ opacity: 0 }); console.info(items);}', 'eventOnRendered' => 'function(items) { window.cmsAB.Listado._agregaItems(items); console.info("nuevo item");}', 'noneLeftText' => 'llegaste al fin', 'noneLeftTemplate' => '<div class="ias-noneleft" style="text-align: center;clear:both;">{text}</div>', 'enabledExtensions' => [ScrollPager::EXTENSION_TRIGGER, ScrollPager::EXTENSION_SPINNER, ScrollPager::EXTENSION_NONE_LEFT, ScrollPager::EXTENSION_PAGING]]]);
Pjax::end();
?>
<!-- </div>-->
<?php
}
</article>
</div>
<div class="testimonials">
<div class="title"><?php
echo Yii::t('easyii', 'testimonials');
?>
</div>
</div>
<?php
/* A dataprovider with all articles */
$dataProvider = new \yii\data\ActiveDataProvider(['query' => PageModel::find()->where("homepage=0 or homepage=2"), 'pagination' => ['pagesize' => 4]]);
echo \yii\widgets\ListView::widget(['dataProvider' => $dataProvider, 'summary' => '', 'itemOptions' => ['class' => 'item'], 'itemView' => '_reviewnew', 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'noneLeftText' => '', 'triggerText' => '<button class="btn dry-btn-2 center-block margin-bottom10">' . yii::t('easyii', 'More Testimonials') . '</button>']]);
//btn dry-btn-2 center-block margin-bottom10
?>
</div>
</div>
</div>
<script>
function windowPopup(url, width, height) {
// Calculate the position of the popup so
// it’s centered on the screen.
var left = (screen.width / 2) - (width / 2),
<h1><?php
echo Html::encode($this->title);
?>
</h1>
<?php
// echo $this->render('_search', ['model' => $searchModel]);
?>
<p>
<?php
echo Html::a('Create Lost', ['create'], ['class' => 'btn btn-success']);
?>
</p>
<?php
echo GridView::widget(['dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'pager' => ['class' => \kop\y2sp\ScrollPager::className()], 'rowOptions' => function ($model) {
if ($model->status_m == 'inactive') {
return ['class' => 'danger'];
}
}, 'columns' => ['id', ['attribute' => 'Image', 'format' => 'html', 'value' => function ($model) {
if ($model->image) {
return Html::img($model->imageurl, ['width' => '100', 'height' => '100']);
} else {
return Html::img('/frontend/web/uploads/noimg.jpg', ['width' => '100', 'height' => '100']);
}
}], 'user_id', 'status_m', 'description', ['class' => 'yii\\grid\\ActionColumn']]]);
?>
</div>
или
<a href="<?php
echo Url::to(['user/register']);
?>
">Зарегистрируйтесь</a>
<?php
}
?>
</div>
</div>
<?php
if (!Yii::$app->user->isGuest) {
$user = Yii::$app->user;
if ($user->can('comment')) {
echo $this->render('@frontend/views/forms/comment_form', compact('commentForm'));
} else {
echo '<div class="comment-error">Вы не можете отправлять комментарии. Ваш профиль забанен.</div>';
}
}
?>
<div class="comments-container">
<?php
Pjax::begin(['id' => 'comments-container']);
echo $this->render('@frontend/views/site/comments_tree', compact('comments'));
Pjax::end();
echo \kop\y2sp\ScrollPager::widget(['pagination' => $pagination, 'container' => '#comments-container', 'item' => '.lvl-one', 'delay' => 0, 'noneLeftText' => '', 'triggerOffset' => 500, 'spinnerTemplate' => '<div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>']);
?>
</div>
</div>
<?php
ActiveForm::end();
?>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="listview-images">
<?php
Pjax::begin(['id' => 'listview-images']);
?>
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'item'], 'itemView' => 'images_item', 'pager' => ['class' => \kop\y2sp\ScrollPager::className()]]);
?>
<?php
Pjax::end();
?>
</div>
</div>
<div class="col-md-12 clearfix"></div>
</div>
<!--?= GridView::widget([
'dataProvider' => $dataProvider,
'columns' => [
//['class' => 'yii\grid\SerialColumn'],
<?php
/*
* @author Lmy
* QQ:6232967
* Create at 2016-1-6 20:22:52
*/
use common\models\Category;
use yii\widgets\ListView;
$this->title = "列表_" . Category::getCategoryName($id);
$breadcrumbs = Category::getBreadcrumbs($id, "mobile/list", "id");
$this->params['breadcrumbs'] = $breadcrumbs;
?>
<div class="containter">
<?php
echo $this->render('_breadcrumbs');
?>
<div class="containter-zt">
<ul class="new-list">
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'item'], 'itemView' => '_listview_news', 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'noneLeftTemplate' => '<div class="ias-noneleft" style="clear:both;text-align: center;">{text}</div>', 'triggerTemplate' => '<div class="ias-trigger" style="clear:both;text-align: center; cursor: pointer;"><a>{text}</a></div>', 'negativeMargin' => '10', 'triggerOffset' => 50], 'summary' => '']);
?>
</ul>
<div class="clear"></div>
<!--<div class="seemore"><a href="#">查看更多</a></div>-->
</div>
</div>
<?php
use yii\helpers\Url;
use yii\web\JsExpression;
/**
* @var $this yii\web\View
* @var $dataProvider yii\data\ActiveDataProvider
**/
?>
<div class="inquirers-container">
<?php
echo \yii\widgets\ListView::widget(['dataProvider' => $dataProvider, 'itemOptions' => ['class' => 'inquirer-item'], 'itemView' => '@frontend/views/site/inquirer_item', 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'item' => '.inquirer-item', 'delay' => 0, 'noneLeftText' => 'Больше нет опросов', 'triggerOffset' => 100, 'spinnerTemplate' => '<div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>', 'eventOnRendered' => new JsExpression("function(items){\n \$('.inquirers-container').indyMasonry('_newElement');\n }")], 'summary' => '']);
?>
<div class="clearfix"></div>
</div>
<?php
/**
* @var $this yii\web\View
* @var $postsDataProvider yii\data\ActiveDataProvider
**/
?>
<div class="blogs-block">
<?php
echo \yii\widgets\ListView::widget(['dataProvider' => $postsDataProvider, 'itemOptions' => ['class' => 'post-item'], 'itemView' => '@frontend/views/site/blogs_item', 'pager' => ['class' => \kop\y2sp\ScrollPager::className(), 'item' => '.post-item', 'delay' => 0, 'noneLeftText' => '', 'triggerOffset' => 100, 'spinnerTemplate' => '<div class="spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>'], 'summary' => '']);
?>
</div>
public function init()
{
parent::init();
Asset::register($this->getView());
}
<div class="col-lg-3">
<?php
echo Html::submitButton('Szukaj', ['class' => 'btn btn-success btnSzukaj']);
?>
</div>
<?php
ActiveForm::end();
?>
</div>
<div class="row">
<?php
echo ListView::widget(['dataProvider' => $dataProvider, 'itemView' => '_view', 'layout' => "<div class='sortowanie'>{sorter}</div><div class='row'>{items}</div><div class='row'>\n</div>\n<div class='row'>{pager}</div>", 'sorter' => ['class' => 'rsr\\yii2\\ButtonDropdownSorter', 'label' => 'Sortuj po', 'attributes' => ['rocznik', 'cena', 'pojemnosc']], 'pager' => ['class' => \kop\y2sp\ScrollPager::className()], 'itemOptions' => ['class' => 'item']]);
?>
</div>
<div class="samochod-index">
<?php
/*
echo GridView::widget([
'dataProvider' => $dataProvider,
