Want to add load more in listview of Yii 2

Hi ,I amd recently working on Yii2 need some help for listview display in view file… I have managed to get load more button with required style in page by applying css and text to next buttion of linkpager … now the hurdle is load more loads the next series of data but its like to be on new page render I want it should get append to the existing data…

below is the code for what I tried…

In Controller


 $pages = new Pagination([ 'pageSize' => 2 ,'totalCount'=>$query2->count()  ]);

       // $pages =   

        $dataProvider = new ActiveDataProvider([

            'query' => $query,

           // 'pagination'=>$pages,

        ]);

         $dataProvider2 = new ActiveDataProvider([

            'query' => $query2,

            'pagination'=>$pages,

        ]);


         $dataProvider3 = new ActiveDataProvider([

            'query' => $query3,

           // 'pagination'=>$pages,

        ]);

in view file




 <?php Pjax::begin(); ?>  

            <?= 

              ListView::widget([

        'dataProvider' => $listDataProvider2,

        'options'=>['id' => 'list-wrapper2',], 

        'id' => 'my-listview-id',

        'itemOptions' => ['class' => 'item2'],

        'layout' => "{items}\n ",  

        'itemView' => function ($model, $key, $index, $widget) {

        return $this->render('_list_item',['model' => $model]);

         

        // or just do some echo

        // return $model->title . ' posted by ' . $model->author;

    },

   /* 'pager' => ['class' => \kop\y2sp\ScrollPager::className(),

                'triggerTemplate'=>'<div   class="load-more text-center" style="margin-top:0"><a>Load more</a></div>',

                //'widgetId' => 'my-listview-id',

                'container'=>'#list-wrapper2',

                //'overflowContainer'=>'#past',


                ]  */


              ]);


     echo     LinkPager::widget([

          'pagination' => $pages,

          'nextPageLabel' => 'Load more',

          'nextPageCssClass'=>'load-more text-center',

          'prevPageCssClass'=>'pagination hidden',

          'options'=>['tag'=>'div','class'=>'load-more'],

          'maxButtonCount'=> 0,

                ]);  


            ?>

<?php Pjax::end(); ?>

 



I want multiple listview in different tab because of which I am not able to extension also I tried one but there is bug

kop/yii2-scroll-pager/issues/20

Why are you putting ListView in Pjax block?