Как правильно подключить kartik range slider в ProductPitSearch?

Question

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

Всем привет.

Объясните как мне правильно подключить kartik range slider в ProductPitSearch или мне надо отдельно форму для него???
Если отдельно, то тогда как потом правильно искать и выводить???

Comments

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

проблему опишите? Зачем разговор о новой форме? Почему не устраивает стандартное подключение описанное в доках?

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

Максим Тимофеев: вот slider

echo '<b class="badge">0$</b> <b class="badge">1000$</b><br>';
    echo $form->field($model, 'price')->widget(Slider::classname(), [
        'sliderColor' => Slider::TYPE_PRIMARY,
        'handleColor' => Slider::TYPE_PRIMARY,
        'pluginOptions' => [
            'min' => 0,
            'max' => 1000,
            'step' => 5,
            'range' => true
        ],
    ])->label('');

я пока не понимаю как правильно сделать нахождения диапазон цен в ProductPitSearch, подскажите как правильно сделать?

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

Виктор Уманский: Слайдер генерирует input, соответственно отправляются данные, смотрите в дебаге, что отправляется и в каком виде, соответственно под этот тип данных дописываем search модель.

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

Максим Тимофеев: вот \yii\helpers\VarDumper показывает массив $_GET и как дописать search модель, если бы я знал я бы не задовал такие глупые вопросы!

[
    'ProductPitSearch' => [
        'price' => '845,2845'
    ]
]

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

Виктор Уманский: Ну вот, теперь есть что советовать, когда понятно какие данные идут

Answer 1

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

У Вас есть модель ProductPitSearch
в ней должен быть атрибут price соответственно в него попадет строка с min и max разделенная запятыми. Сделаем из нее массив:
$this->price = explode(',',$this->price);
теперь добавим фильтр:

$query->filterWhere([
'and',
['>', 'somePriceAttr', $this->price[0]],
['<', 'somePriceAttr', $this->price[1]]
]);

Comments

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

$this->price = explode(',',$this->price); вот такая ошибка выходит

Значение не может быть передано как массив. Если вы хотите настроить слайдер диапазона, передайте два значения вместе, как строки, разделенные знаком ','

explode разбивает строку, почему произошла ошибка??

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

Виктор Уманский: Это надо в поисковой модели делать. А Вы где делаете?
Возможно это уже после поиска происходит, тогда надо в форме обратное действие сделать:
$model->price = implode(',',$model->price)
потому как виджет ожидает строку, а не массив
или в поисковой моделе не изменять $this->price, а использовать другую переменную:

$range = explode(',',$this->price);
$query->filterWhere([
'and',
['>', 'somePriceAttr', $range[0]],
['<', 'somePriceAttr', $range[1]]
]);

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

Максим Тимофеев: в ProductPitSearch!

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

Виктор Уманский: да, дополнил ответ

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

Максим Тимофеев: спасибо заработало, я вам очень благодарен.....
У меня есть несколько к Вам вопросов. Я не знаю сюда их создать или создать новые темы ???
Я не могу понять
1-как мне правильно вывести определенные категории, я по id выводил категории, сейчас в контроллере CategoryController

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

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

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

$minPriceProduct = ProductPit::getMinPriceProduct(); выводит 50
$maxPriceProduct = ProductPit::getMaxPriceProduct(); выводит 9000

echo $form->field($model, 'price')->widget(Slider::classname(), [
        'sliderColor' => Slider::TYPE_PRIMARY,
        'handleColor' => Slider::TYPE_PRIMARY,
        'pluginOptions' => [
            'min' => minPriceProduct,
            'max' => maxPriceProduct,
            'step' => 1,
            'range' => true
        ],
    ])->label('');

ошибка в консоле

Uncaught Error: Invalid input value '9000' passed in
    at Slider._validateArray (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:1411:13)
    at Slider._validateInputValue (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:1401:11)
    at Slider.setValue (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:749:30)
    at Slider.createNewSlider (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:636:9)
    at new Slider (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:298:20)
    at HTMLInputElement.<anonymous> (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:151:20)
    at http://sportpit.alex-sport.com.ua/assets/58241742/jquery.js:142:20
    at Function.map (http://sportpit.alex-sport.com.ua/assets/58241742/jquery.js:452:13)
    at jQuery.fn.init.map (http://sportpit.alex-sport.com.ua/assets/58241742/jquery.js:141:33)
    at jQuery.fn.init.$.fn.(anonymous function) [as slider] (http://sportpit.alex-sport.com.ua/assets/94ee5539/js/bootstrap-slider.js:143:26)

3- когда двигаешь ползунок, что бы цена тоже менялась в инпуте

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

Виктор Уманский: проверьте с другими цифрами, проверьте тип, строка или число.