Как сделать пагинацию внутри Pjax после renderPartial?

Question

[AndyDino]

Здравствуйте, делаю простой поиск товаров на сайте. При первой загрузки страницы, на ней отображается список всех товаров. Запрос на сервер отправляю с помощью ajax

<div class="search-wrap">
 <input type="text" class="search-input" id="search" placeholder="Поиск по названию" name="p">
<button type="submit" class="btn filter-search-btn-menu" id="btns">Поиск</button>
 <script>
 $('#btns').on('click', function(e){
    var search = $('#search').val();
       $.ajax({
        type: 'POST',
        url: "/person/notice",
        data: {  'search': search  },
        cache: false,
        success: function (data) {
              $('#allnotice').html(data);
            });
});
</script>
</div>

В контроллере обрабатываю и возвращаю нужную часть в страницу:

public function actionNotice()
    {
        $user_id = Yii::$app->user->id;
        $user = Person::findOne($user_id); 
        if (Yii::$app->request->isPost && Yii::$app->request->isAjax && Yii::$app->request->post()){
            $s = \Yii::$app->request->post('search');
            // количество записей
            $count = \app\models\Offering::find()->where(['person_id' => $user->id])->andWhere(['like', 'title', $s])->count(); 
            // запрос к записям
            $query = \app\models\Offering::find()->where(['person_id' => $user->id])->andWhere(['like', 'title', $s])->orderBy('id DESC');
            $pages = new \yii\data\Pagination(['totalCount' => $query->count(),'pageSize' => 4, 'pageParam' => 'page-top']);
            $offerings = $query->offset($pages->offset)->limit($pages->limit)->all();
             \Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
             return $this->renderPartial('_notice, ['count' => $count, 'pages' => $pages, 'offerings' => $offerings]);
       }


           $count = \app\models\Offering::find()->where(['person_id' => $user->id])->count();
           $query = \app\models\Offering::find()->where(['person_id' => $user->id])->orderBy('id DESC'); 
           $pages = new \yii\data\Pagination(['totalCount' => $query->count(),'pageSize' => 4, 'pageParam' => 'page-top']);
           $offerings = $query->offset($pages->offset)->limit($pages->limit)->all();
           
           return $this->render('notice', ['count' => $count, 'pages' => $pages, 'offerings' => $offerings]);
 
    }

вид полностью:

<div class="search-wrap">
 <input type="text" class="search-input" id="search" placeholder="Поиск по названию" name="p">
<button type="submit" class="btn filter-search-btn-menu" id="btns">Поиск</button>
 <script>
 $('#btns').on('click', function(e){
    var search = $('#search').val();
       $.ajax({
        type: 'POST',
        url: "/person/notice",
        data: {  'search': search  },
        cache: false,
        success: function (data) {
              $('#allnotice').html(data);
            });
});
</script>
</div>

<div id="allnotice">
<?php yii\widgets\Pjax::begin();?> 
<div id="up">

<?php   if ($offerings)   foreach($offerings as $one): ?>
<div class="preview-notice-wrap">
    <div class="preview-notice-inner">
            <h4><?php echo $one->title; ?></h4>
            <div class="preview-notice">
                    <div>
                            <p><?php
                                    $price = $one->start_price;
                                    echo number_format($price) . ' ₽';
                            ?></p>
                    </div>
                    <div>
                            <p><?php  
                            $date = $one->created;
                            echo Yii::$app->formatter->asDate($date, 'd MMMM y');
                            ?> </p>
                           
                    </div>
            </div>
    </div>
</div>
<?php endforeach; ?>
<div class="notice-pagination-wrap preview-notice-pagination">
<?= \app\components\MyPager::widget([
    'pagination' => $pages,
    'maxButtonCount' =>7,
    'prevPageLabel' => false,
    'nextPageLabel' => false,
    'activePageCssClass' => ['class' => 'page-active'],
    'options' => ['class' => 'page-test'],
    'linkOptions' => ['class' => 'page-link'],



    ]); ?>


</div> 

</div>
<?php yii\widgets\Pjax::end(); ?>
</div>

После ajax запроса пагинация перестает работать, точнее вернувшийся результат сбрасывается, можно это как-то исправить?

Answer 1

[Евгений Бухарев]

У вас крайне не правильный подход.
Получать список товаров с помощью post запроса, не верно, для этого есть get. Post по определению служит для изменения информации, get в свою очередь для получения информации.
В вашем случае нужно использовать ActiveDataProvider+ListView+Pjax
Принцип работы такой, пока фильтр не активный, выводится весь список товаров, при активации фильтра, в этом же action пишется логика по отбору товаров, отобранные товары возвращается в тот же view. Pjax сам отправит запрос и вставит данные в нужное место, ActiveDataProvider+ListView данная связка сама разобьет объекты по страницам.

<?php yii\widgets\Pjax::begin();?> 
// Здесь форма с фильтром
// Здесь ListView
<?php yii\widgets\Pjax::end(); ?>