Как правильно сделать фильтр товаров в yii2?

Question

[Виктор Уманский]

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

1 - не знаю и покамись не понимаю фильтр по цене, как сделать такую полоску
2 - и как быть с чекбоксами, что ку да отправляется

И все это надо сделать через ajax

Заранее спасибо.

Answer 1

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

Обычная SearchModel, которую генерирует gii, только верстка отличается. У Вас gii генерит view "_search", вот его и причесывайте. Для ajax - просто обверните в pjax виджет.

Comments

[Виктор Уманский]

можете накидать пример как это будет выглядеть???

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

Виктор Уманский: сгенерируйте crud с помощью gii - вот пример, конкретно контроллер, поисковая модель и _search вьюшка

[Виктор Уманский]

Максим Тимофеев: сделал как вы написали, а во вьюшки, что должно быть грид или свое...у меня там вывод список товаров foreach, я просто до конца не понимаю

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

Виктор Уманский: Смотря что Вам надо, стандартно для интернет магазина, наверное подойдет listView, в gii его можно сгенерить.

[Виктор Уманский]

Максим Тимофеев: вроде разобрался с listView как он работает.....еще такой вопрос. А как сделать так что бы при на нажатие checkbox сразу фильтровал мне товар, а не после нажатия кнопки???

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

Как при клике по чекбоксу отправить данные формы через ajax?

[Виктор Уманский]

Максим Тимофеев: скажу честно, я не понимаю как мне это сделать?

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

Виктор Уманский:

<input type='checkbox' onchange="submitform(this);"/>

function submitform(el){
var form = el.closest('form');
var postdata = form.serialize();
$.ajax({
		type: "POST",
		url: "/url/to/action",
		data: postdata,
		success: function(data) {
			$('#container').html(data);
		},
		error:  function(xhr, str){
			alert("Возникла ошибка!");
		}
	});  
}

В контролере все как в index, только renderAjax

[dima0077]

Максим Тимофеев, И меня тоже интересует этот вопрос можете без всяких ajax показать как это реализовать
напишите пожалуйста как должен выглядеть model,view,controller
пожалуйста

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

dima0077,
1. Как реализовать ajax фильтр без ajax?
2. model,view,controller генерирует gii , там же все есть уже, фильтры в veiw/_search.php лежат. Только дизайн сменить и все.

С чем конкретно проблема?

[dima0077]

Максим Тимофеев, Добрый вечер
как добавить дополнительные поля price_max-price_min и кнопку "применить"
Заранее спасибо

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

dima0077, добавить в searchModel публичные переменные, допустим

public $price_max;
public $price_min;

добавить их там же в rules
добавить в той же моделе условие, например

$query->andFilterWhere([
'and',
['>', 'price', $this->price_min],
['<', 'price', $this->price_max]
])

добавить в форму input для этих полей

[dima0077]

Максим Тимофеев, да а Views где эти поля писать и кнопку (применить)

[dima0077]

Максим Тимофеев, а если честно сегодня я fl.ru разместил проект Yii2 фильтр, вы не можете мне помочь

https://freelance.ru/projects/?spec=4

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

вы не можете мне помочь

могу без проблем, консультации по скайп, научу как делать. 20$/час. Постоянно этим занимаюсь

[dima0077]

Максим Тимофеев, вы меня не поняли мне нужно чтоб кто нибудь вроде вас(эксперт) сделал данный фильтр, ссылка да данный фильтр и там же верстка в архиве
https://shop.webdevkin.ru
и цену можете написать

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

dima0077, Я обычно загружен и не берусь за мелкие задания. Так что помочь могу только советом. Думаю на fl получите достаточно предложений. Эксперт тут не нужен, нужен просто человек с опытом работы с yii2.
Но по Вашей ссылке именно ajax фильтр.

[dima0077]

Максим Тимофеев, Понятно
тогда Views как поля(min,max,применить) писать

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

тогда Views как поля(min,max,применить) писать

Поля min,max обычно через activeForm как и другие в _search или виджет какой-нибудь подключить, что бы бегунком отображался, например demos.krajee.com/slider
применить - это видимо обычный submit или js наприсать, который ловит изменение в полях форм и шлет ajax, кстати тут можно просто в Pjax обвернуть
https://nix-tips.ru/yii2-vnikaem-v-pjax.html
https://www.youtube.com/watch?v=OLgrW3YZ8sk

[dima0077]

Максим Тимофеев, Добрый вечер

function submitform(el){
var form = el.closest('form');
var postdata = form.serialize();
$.ajax({
    type: "POST",
    url: "/url/to/action",
    data: postdata,
    success: function(data) {
      $('#container').html(data);
    },
    error:  function(xhr, str){
      alert("Возникла ошибка!");
    }
  });  
}

у меня в index.php listView render _list.php
как сделать чтоб полученные данные с Ajax переписали _list.php

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

dima0077, На сервере делать рендер, например всего listView и заменять его

[dima0077]

Добрый вечер я сделал так

view/_search.php -> $form->field($model,'brand_makita')->checkbox(['onchenge'=>submitForm(this)]);
searchProduct.php
public $brand_makita
добавил rules [[[brand_makita],integer]]
добавил условие поиска 
if($this->brand_makita){
$query->andFilterWhere(['like', 'brand', 'makita'])}
все работает но submitForm возвращает результат без исп фильтра (default)
а кнопка Submit от yii2 возврощает с использовав фильтр like-brand-makita

как быть не подскажете