kop/yii2-scroll-pager + masonry

Yii 2.0 Extensions
1

Hello,

I’m trying to make masonry work with kop/yii2-scroll-pager extension. Tried several ways but with no luck.

My code:

<?php

echo ListView::widget([

'dataProvider' =&gt; &#036;dataProvider,


'itemOptions' =&gt; ['class' =&gt; 'grid-item'],


'itemView' =&gt; '_item_view',


'options' =&gt; ['class' =&gt; 'grid'],


'pager' =&gt; [


    'class' =&gt; ScrollPager::className(),


    'item' =&gt; '.grid-item',


    'container' =&gt; '.grid',


        'triggerOffset'=&gt;10000000,


        'enabledExtensions' =&gt; ['EXTENSION_HISTORY' =&gt; false],


]

]);

I tried to add there:

‘eventOnRender’ => new JsExpression(’\function(items) {\$(".grid").masonry({itemSelector: “.grid-item”, columnWidth: 300, gutter: 5 });’),

but masonry doesn’t work.

if I put:

$this->registerJs(’$(".grid").masonry({

itemSelector: ".grid-item",

columnWidth: 300,

isAnimated: true,

gutter: 5

});’);

then only first page is appears as masonry applied but then it loads just as one column.

Please advise what do I do wrong.