Коде с Yii2 Pjax не работает

Я хочу обновить gridview с помощью Pjax, но как-то он не работает. Вот код:

вредоносных процессов.в PHP

    <?php

use yiihelpersHtml;
use yiiwidgetsActiveForm;
use yiiwidgetsPjax;

$this->registerJs("
                  $('#btnAjaxSearch').click(function(){
                        $.ajax({
                                type: 'get',
                                data: $('.bank-search form').serializeArray(),
                                success: function (data) {
                                      $.pjax.reload({container:"#bank"});
                                },
                                error: function (XMLHttpRequest, textStatus, errorThrown) {
                                      alert('error');
                                }
                        });
                       return false;
                  });
                ", yiiwebView::POS_END, 'bank-search');
?>

<div class="bank-search">
    <?php Pjax::begin(['id' => 'bank-form']); ?>
    <?php $form = ActiveForm::begin([
        'action' => ['index'],
        'method' => 'get',
    ]); ?>

    <?= $form->field($model, 'bank_name') ?>

    <?= $form->field($model, 'state') ?>

    <?= $form->field($model, 'district') ?>

    <?= $form->field($model, 'city') ?>

    <div class="form-group">
        <?= Html::Button('Search', ['class' => 'btn btn-primary','id' => 'btnAjaxSearch']) ?>
    </div>

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

</div>

.в PHP

    <?php

use yiihelpersHtml;
use yiigridGridView;
use yiiwidgetsPjax; 

$this->title = 'Banks';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="bank-index">

    <h1><?= Html::encode($this->title) ?></h1>
    <?php  echo $this->render('_search', ['model' => $searchModel]); ?>

    <p>
        <?= Html::a('Create Bank', ['create'], ['class' => 'btn btn-success']) ?>
    </p>
    <?php Pjax::begin(['id' => 'bank']); ?>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yiigridSerialColumn'],

            'id',
            'bank_name',
            'state',
            'district',
            'city',
            // 'branch',

            ['class' => 'yiigridActionColumn'],
        ],
    ]); ?>
    <?php Pjax::end(); ?>
</div>

контроллер

 /**
     * Lists all Bank models.
     * @return mixed
     */
    public function actionIndex()
    {
        $searchModel = new BankSearch();
        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

        return $this->render('index', [
            'searchModel' => $searchModel,
            'dataProvider' => $dataProvider,
        ]);
    }

простой поиск работает, но Pjax не. Я новичок в Yii2, поэтому любая помощь будет оценена. Спасибо.

8
pjax yii2 yii2-advanced-app

2 ответов

Спасибо Эдин. Это помогло мне решить проблему. Вот что я сделал. Это может помочь человеку, столкнувшемуся с той же проблемой.

Как упоминал Эдин, вам нужно передать url-адрес вместе с параметрами поиска в Pjax, чтобы обновить gridview.

вот мой отредактированный код:

    $js = <<<JS
        // get the form id and set the event
        $('#bank-form-id').on('beforeSubmit', function(e) { 
           var form = $(this);
            if(form.find('.has-error').length) {
                return false;
            }
            $.ajax({
                url: form.attr('action'),
                type: 'post',
                data: form.serialize(),
                success: function(response) { 
                    var csrf = yii.getCsrfToken();
                    var bank_name = $('#banksearch-bank_name').val();
                    var state = $('#banksearch-state').val();
                    var district = $('#banksearch-district').val();
                    var city = $('#banksearch-city').val();
                    var url = form.attr('action')+ '&_csrf='+csrf+'&BankSearch[bank_name]='+bank_name+'&BankSearch[state]='+state+'&BankSearch[district]='+district+'&BankSearch[city]='+city;
                    $.pjax.reload({url: url, container:'#bank'});
                }
            });    
        }).on('submit', function(e){
        e.preventDefault();
    });
JS;
$this->registerJs($js);
4

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

$.pjax.reload({container:\"#bank\"});

отправит другой запрос, а внутри actionIndex queryParams будет пустым.

вы можете решить эту проблему, сохранив параметры поиска в сеансе или указав url-адрес pjax с параметрами в строке запроса.

попробуйте следующее:

  var url = urlWithFilters(); 
  $.pjax({url: url, container: '#bank'});

в этом случае вам не нужно создавать собственный вызов ajax, просто создайте url с фильтрами.

2