Work with severall ListViews

[Jonnaayy]

Hello, I have a view with 2 list views. For example, ListView1 has only one page and the ListView2.

1 - The link "Load More" goes under the ListView1 and not to ListView2.
2 - It's needed 2 clicks on "Load More" to make it, and while it's loading it creates 2 spinners, so I think it's loading results to the 2 Listviews.
I think the problem is on itemOptions because it has the same value item

Here is the implementation:

<?=
    ListView::widget([
        'dataProvider' => $filter,
        'itemOptions' => ['class' => 'item'],
        'pager' => ['class' => \kop\y2sp\ScrollPager::className()],
        'itemView' => function ($model, $key, $index, $widget) {

 ListView::widget([
        'dataProvider' => $portfolio,
        'itemOptions' => ['class' => 'item'],
        'pager' => ['class' => \kop\y2sp\ScrollPager::className()],
        'itemView' => function ($model, $key, $index, $widget) {

Can you help me please?

[kop]

Hi. Thank you for your report and sorry for a long response.

I see two problems here.

• First one is the one you found with the same class .item for both ListView instances. But you are free to adjust this without any problems via existing plugin options (take a look on $item attribute of the ScrollPager class).
• The second one is worse. There are a bug reported to the jQuery IAS plugin, Multi instance in one page webcreate/infinite-ajax-scroll#93 that says that multiple instances in one page are not working. So we have to wait while it will be fixed.

[Jonnaayy]

@kop thanks for the reply. I will wait for update then 👍

[drawlusyk]

Hello. I am also experiencing the double spinner when 2 listviews on the same page.

A second and similar problem is the noneLeftText from both listviews are showing both under the first listview. Ideas? Want me to open another issue?

Regards,
Dennis

[kop]

Thank you for your note, @drawlusyk. I think it's the same issue. I think it's related to the jQuery IAS plugin bug, but I will test this very deep during the weekend anyway and we will see how can we fix it or find some workaround.

[drawlusyk]

Thanks for your review.

If you have time also take a look at this one....

http://www.yiiframework.com/forum/index.php/topic/56288-listview-scroll-pager-in-modal-problem/page__p__256163__fromsearch__1#entry256163

Rgds,
Dennis

Ivan Koptiev mailto:notifications@github.com
August 1, 2014 at 1:34 PM

Thank you for your note, @drawlusyk https://github.com/drawlusyk. I
think it's the same issue. I think it's related to the jQuery IAS
plugin bug, but I will test this very deep during the weekend anyway
and we will see how can we fix it or find some workaround.

—
Reply to this email directly or view it on GitHub
#10 (comment).

Sent with Postbox http://www.getpostbox.com

[Jonnaayy]

Hello @kop do you have any new's about this?

[drawlusyk]

@kop Hello. Any progress on this? if its simply related to the js is it possible to swap out the current js with another that does the infinite scroll?

[kop]

@drawlusyk, Yes it's a JS issue in the parent library. And it's still unfixed. Can do nothing here. So I'm closing this issue as wontfix.