Yii2: Как сделать кастомные фильтры для ListView/GridView?

Question

[Максим Гречушников]

Нужно сделать вывод карточек товаров/пользователей. Нужно фильтры вынести за рамки grid/list view. но в рамках pjax
Каким образом можно манипулировать *view?

<?php \yii\widgets\Pjax::begin(); ?>
сюда фильтры можно вынести
<?= \yii\widgets\ListView::widget([
	'dataProvider' => $provider,
	'itemOptions' => ['class' => 'item'],
	'summary'=>'',
	'itemView' => function ($model, $key, $index, $widget) {
			return $this->render('_item', ['model' => $model]);
		},
]) ?>
<?php \yii\widgets\Pjax::end(); ?>

Answer 1

[Zohei]

use yii\widgets\Pjax;
use yii\widgets\PjaxAsset;
PjaxAsset::register($this);

$this->registerJs(<<<JS
$(document).on('change', '#provider', function(e) {
    $.pjax({
        timeout: 4000,
        url: $('#filter-form').attr('action'),
        container: '#list-view',
        fragment: '#list-view',
        data: {provider: this.options[this.selectedIndex].value},
   });
});
JS
, yii\web\View::POS_END);

<?=Html::beginForm(Url::current(), 'GET', ['id'=>'filter-form']);?>
     <?=Html::activeDropDownList($model, 'provider', Provider::items(), ['id'=>'provider']); ?>
<?=Html::endForm(); ?>

<?php \yii\widgets\Pjax::begin(); ?>
<?= \yii\widgets\ListView::widget([.....]) ?>
<?php \yii\widgets\Pjax::end(); ?>

Comments

[Zohei]

Одним слов, вешаете обработчик событий на форму или отдельные инпуты и вызываете pjax.
Здесь достаточно описания с примерами https://github.com/yiisoft/jquery-pjax

[Zohei]

И еще забыл отразить в коде:
Нужно до вызова фильтров выполнить валидацию модели.
Я делаю это так
$dataProvider = $model->search(Yii::$app->request->get());
..............
<?=ListView::widget([
'dataProvider'=>$dataProvider,
])?>

В модели соответственно такой код:
public function search($params)
{
$this->load($params, '') && $this->validate();
.................
$dataProvider = new ActiveDataProvider([
'query'=>self::find(),
................
]);

[Максим Гречушников]

Zohei: Благодарю вас!