Yii2 фильтры для товаров?

Question

[LucasP]

Как можно реализовать фильтры для товаров? Чтобы выглядело как у интернет-магазинов - слева сайдбар с фильтрами, остальное место страницы - товары. Нужно юзать GridView|ListView или еще что?

Answer 1

[Максим Тимофеев]

Можно юзать GridView|ListView, можно написать свой виджет, можно просто html во view файле. Ваш вопрос видимо из разряда "как сверстать", а это вопрос ни как не относящийся к yii.

Comments

[LucasP]

К верстке не имеет отношение. Скорее вот так: как можно на существующем GridView вынести фильтры за пределы виджета.

[Максим Тимофеев]

LucasP: GridView - это виджет, он просто генерирует html базируясь на данных переданных в него в dataProvider. Так что видимо Вам надо прокачать свой html. Как работают формы и т.д.
Он делает get запросы, которые может делать любая форма. При создании стандартного CRUD через gii она даже генерируется. Файл "_search" в папке с view-шками. Далее вопрос верстки, хоть слева ставьте, хоть в модалку засовывайте.
Идет запрос, в нем параметры, соответственно dataProvider уже содержит другие данные и gridView их отображает. Вся фильтрация происходит в SearchModel а не в gridView.

[EVOSandru6]

Очень актуально, в скором времени тоже такое буду делать.
Пока что выявил полезный js компонент для фильтра цен, но еще пока под вопросом - как синхронизировать его с _search и dataProvider, видимо Ajax или Pjax
ionden.com/a/plugins/ion.rangeslider
Если у Вас получится интегрировать в dataProvider, черканите - как)

[Максим Тимофеев]

EVOSandru6: А что там такого? Делаете виджет, подключаете этот js как зависимость. Он формирует инпут, где через точку с запятой прописаны два значения, соответственно в поисковой модели что-то такое:

$range = explode(';',$this->range);
$query->orFilterWhere([
                              'and',
                              ['>=','some_value_attribute',$range[0]],
                              ['<=','some_value_attribute',$range[1]]
                              ]);

[EVOSandru6]

Благодарю. Не знал как создавать виджеты для нестандартных инпутов, нашел: https://github.com/yii2mod/yii2-ion-slider . Сейчас буду разбирать.
Как раз добрался до данной задачи. Интересует такой вопрос - как сделать сортировку через связанные данные:

У меня есть:

Предложения:

offers
.id

Купоны;

deals
.id
.percent(NULL)
.price(NULL)

Нужно фильтровать offers относительно вложенных в него deals
Если я правильно понимаю - во первых нужно в OffersSearch добавить эти поля в свойства класса и rules

А вот как правилььно сделать andWhere через связь

class Offers extends ActiveRecord{
...
public function getOffers()
...
}

Тут возникают непонятки.

1. OffersSearch -> relation andwhere
2. Условие фильтрации должно удовлетворять, если хоть один deals каждого вакантного offer-а отвечает условиям фильтра.

[Максим Тимофеев]

EVOSandru6: Много текста мало конкретики. Структура базы, конкретный вопрос

[GoldTigerman]

Еще один вопрос по теме: как можно сделать фильтрацию товаров по параметрам: (например, видеокарты по типу памяти/разъёму/серии)?

[Максим Тимофеев]

GoldTigerman, а в чем конкретно проблема? так же как и по другим столбцам таблицы.

[GoldTigerman]

Максим Тимофеев, проблема в схеме базы. Т.е. необходимо создать 2 таблицы: Product (описание продукта), Filter (параметры фильтрации под каждый продукт), верно?

[Максим Тимофеев]

GoldTigerman, записал видео:
https://youtu.be/ymlM9UgrPLU?list=PLOm4dl-NavgyBnt...

Answer 2

[LucasP]

Итак, продолжение =) Предполагаю расположить представление с фильтрами (_search.php) в layout-е, как передать $searchModel в layout?

Comments

[EVOSandru6]

Через контроллер. Почти запилил данную, но не получается pjax-ить. Гетом все норм работает, но страница перезагружается.

[LucasP]

Как вы это сделали? Вот как у меня:

class ProductController extends Controller
{
    public $searchModel;

    public function init()
    {
        $this->searchModel = new ProductSearchModel();
    }
}

laoyut

<div class="container">
                <?= $this->render('@app/views/product/_search', ['model' => Yii::$app->controller->searchModel]); ?>
            </div>

[EVOSandru6]

LucasP,

Могу скинуть черновик и надеюсь на помощь в pjax.

У меня есть виджет . который кушает критерию для dataProvider

Суть виджета в том, что у него есть стандартный searchModel, а dataProvider выстраивается относительно критеориев, которые ему подкидываются, например - офферы как товары, или офферы как услуги, или офферы определенного поставщика.

Подключаю так:

<?=\app\widgets\offers\OffersWidget::widget([
    'conditions'=>$conditions,
])?>

class OffersWidget extends Widget
{
    public $conditions;

    public function run()
    {
        $searchModel = new OffersSearch();
        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

        if($conditions = $this->conditions)
        {
            foreach($conditions as $item) {
                $dataProvider->query->andWhere($item);
            }
        }
        return $this->render('index', [
            'dataProvider' => $dataProvider,
            'searchModel' => $searchModel,
        ]);
    }

    public function init()
    {
        parent::init();
        $view = Yii::$app->getView();
        $this->registerAssets();
        // $view->registerJs($this->getJs());
        // $this->sourcePath = __DIR__ . "/assets";
    }

    public function registerAssets()
    {
         $view = $this->getView();
         OffersAssets::register($view);
    }
}

index.php в виджете

<div class="page-container ptb-60">
    <div class="container">
        <div class="row row-rl-10 row-tb-20">
            <div class="page-sidebar col-md-4 col-xs-12">
                <aside class="sidebar blog-sidebar">
                    <div class="row row-tb-10">
                        <div class="col-xs-12">
                            <div class="widget best-rated-deals panel pt-20 prl-20">
                                <h3 class="widget-title h-title">
                                    <?=Yii::t('app','filter')?>
                                </h3>
                                <?=$this->render( '_search', [
                                    'model' => $searchModel
                                ])?>
                            </div>
                        </div>
                    </div>
                </aside>
            </div>
            <div class="page-content col-xs-12 col-md-8">

                <section class="section deals-area">

                    <header class="page-control panel ptb-15 prl-20 pos-r mb-30">

                        <ul class="list-control-view list-inline">
                            <li>Варианты отображения:</li>
                            <li>
                                <a href="<?=Url::current(['display'=>'list'])?>">
                                    <i class="fa fa-bars"></i></a>
                            </li>
                            <li>
                                <a href="<?=Url::current(['display'=>'grid'])?>">
                                    <i class="fa fa-th"></i></a>
                            </li>
                        </ul>
                    </header>

                    <div class="row row-masnory row-tb-20">
                        <?
                        Pjax::begin([
                            'id' => 'notes',
                            'timeout' => false,
                            'enablePushState' => false,
                            // 'clientOptions' => ['method' => 'POST']
                        ]);?>
                          
                            <?/*=ListView::widget([
                                'dataProvider' => $dataProvider,
                                // 'entityName' => 'offers',
                                'itemView' => '@app/modules/offers/views/frontend/default/_view',
                                'itemOptions' => [
                                    'class' => 'col-sm-6 col-lg-4'
                                ],
                            ]);*/?>

                         <?php Pjax::end() ?>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

_search.php в виджете:

<div class="offers-search">
    <br/>
        <?php yii\widgets\Pjax::begin(['id' => 'search_note']) ?>
        <?php $form = ActiveForm::begin([
            'options' => ['data-pjax' => true ],
            'method' => 'post',
        ]); ?>

        <div class="mb-20 p-lg-10">
            <?=$form->field($model, 'range_price')->widget(Slider::classname(),[
                'name' => 'range_price', // slider
                'sliderColor' => Slider::TYPE_GREY,
                'handleColor' => Slider::TYPE_DANGER,
                'pluginOptions' => [
                    'orientation' => 'horizontal',
                    'handle' => 'round',
                    'min' => 0,
                    'max' => 10000,
                    'step' => 500,
                    'range' => true,
                    'tooltip'=>'always'
                ],
            ])->label(false);?>
        </div>

        <div class="mb-20 p-lg-10">
            <?=$form->field($model, 'range_sale')->widget(Slider::classname(),[
                'name' => 'range_sale', // slider
                'sliderColor' => Slider::TYPE_GREY,
                'handleColor' => Slider::TYPE_DANGER,
                'pluginOptions' => [
                    'orientation' => 'horizontal',
                    'handle' => 'round',
                    //'handle'=>'triangle',
                    'min' => 0,
                    'max' => 100,
                    'step' => 5,
                    'range' => true,
                    'tooltip' => 'always',
                    'precision' => 2,
                ],
            ])->label(false);
            ?>
        </div>

        <label for=""><?=Yii::t('app','place')?></label>
        <?=AutoCompleteWidget::widget([
            'entity' => 'place',
            'action' => Url::to(['/places/default/autocomplete']),
            'className' => '@app/modules/places/models/Places',
            'attribute'=>'place_id',
            'model'=>$model,
            'form'=>$form,
        ])?>

        <?= $form->field($model, 'category_id')->dropDownList(CategoryOffers::getArrayList(), [
            'prompt' => '--'.Yii::t('app','change').'--'
        ]) ?>

        <?= $form->field($model, 'brand_id')->dropDownList(Brands::getArrayList(), [
            'prompt' => '--'.Yii::t('app','change').'--'
        ]) ?>

        <div class="form-group">
            <?= Html::submitButton(Yii::t('app', Yii::t('app','search')), ['class' => 'btn btn-primary']) ?>
            <?= Html::resetButton(Yii::t('app', Yii::t('app','reset')), ['class' => 'btn btn-default']) ?>
        </div>

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

       <?phpyii\widgets\Pjax::end() ?>
</div>

Такая конструкиця к сожалению работает только, если поменять в _search.php

'method' => 'post',

на:

'method' => 'get',

Т.е. происходит перезагрузка страницы после этого изменения.

Пробовал расшарить Javascript:

$("#search_note").on("pjax:end", function() {
        $.pjax.reload({
            container:"#notes"
        }); 
    });

Но это к сожалению работает только если именно загружать данные с формы как CREATE - как описано тут: https://www.google.kz/url?sa=t&rct=j&q=&esrc=s&sou...

[EVOSandru6]

EVOSandru6, OffersSearch

class OffersSearch extends Offers
{
    public $id;
    public $name;

    public $date_from_start;
    public $date_from_finish;

    public $date_to_start;
    public $date_to_finish;

    public $brand_id;
    public $place_id;
    public $category_id;

    public $range_price;
    public $range_sale;

    /*id
    exist*/

    public function rules()
    {
        return [
            [['id', 'brand_id', 'category_id', 'place_id'] ,'integer'],
            [['name'], 'string'],
            [[ 'date_from_start', 'date_from_finish', 'date_to_start', 'date_to_finish'], 'safe'],
        ];
    }

    public function scenarios()
    {
        // bypass scenarios() implementation in the parent class
        return Model::scenarios();
    }

    public function search($params)
    {
        $query = Offers::find();

        // add conditions that should always apply here

        $dataProvider = new ActiveDataProvider([
            'query' => $query,
        ]);

        $this->load($params);

        if (!$this->validate()) {
            // uncomment the following line if you do not want to return any records when validation fails
            // $query->where('0=1');
            return $dataProvider;
        }

        $query->andFilterWhere([
            'id' => $this->id,
            'brand_id' => $this->brand_id,
        ]);

        if($this->category_id) {
            $category = CategoryOffers::findOne($this->category_id);
            $query->andFilterWhere([
                'category_id' => array_merge([$category->id], $category->children()->select('id')->column())
            ]);
        }

        if($this->place_id) {
            $place = Places::findOne($this->place_id);
            $query->andFilterWhere([
                'place_id' => array_merge([$place->id], $place->children()->select('id')->column())
            ]);
        }

        if($this->range_price) {
            $range = explode(';', $this->range_price);
            $query->orFilterWhere([
                'and',
                ['>=','price',$range[0]],
                ['<=','price',$range[1]]
            ]);
        }

        if($this->range_sale) {
            $range = explode(';', $this->range_sale);
            $query->orFilterWhere([
                'and',
                ['>=','price',$range[0]],
                ['<=','price',$range[1]]
            ]);
        }

        $query
            ->andFilterWhere(['like', 'LOWER(name)', mb_strtolower($this->name)])
            ->andFilterWhere(['>=', 'date_from_stamp', $this->date_from_start ? strtotime($this->date_from_start . ' 00:00:00') : null])
            ->andFilterWhere(['<=', 'date_from_stamp', $this->date_from_finish ? strtotime($this->date_from_finish . ' 23:59:59') : null])
       ;
        return $dataProvider;
    }
}

Если поможещь c Pjax-ом комрад, буду очень благодарен.
Может Максим Тимофеев прокомментирует мою проблему?

[LucasP]

EVOSandru6, у самого аналогичная проблема с перезагрузкой. Кстати, делал по этому же мануалу.

[Александр Степанов]

EVOSandru6, кажется у вас много пиджаков. достаточно одного на вьюхе на которой все остальные части выводятся