Yii как сделать зависимые select в форме?

Question

[Максим]

Доброго вечера всем! Подскажите как правильно реализовать запись нескольких записей из одной формы? Либо подскажите ссылочки со связанной информацией.

У формы есть select. В зависимости от выбранных данных создаём input-ы. Получаем массив данных. Перебираем массив через foreach. Далее сохраняем как отдельные записи, если валидация прошла успешно.

Как лучше создавать инпуты? Обернуть все в Pjax или это не правильно? Массив данных будет находиться в базе данных.

Благодарю!

Comments

[Дмитрий]

Добрый вечер.
Что значит

В зависимости от выбранных данных создаём input-ы.

? Это обычные текстовые поля? Их количество?

[Максим]

slo_nik, правильно подметили. Получается не инпуты, а такие же селекты, только с другими данными. Проект обсуждаю всё тот же.

Нужно сделать:
1. Выбираем мероприятие
2. Выбираем комитет
3. На основе этих селектов будем проверять на условия и считывать данные из другой таблицы ("Правила") сколько нужно сделать Select полей ("Судья") . Как правило, это бывает от 3-х до 11-15 Select (судей). Всё это должно работать динамически в одной форме.
4. Каждого судью будем валидировать на возможность судить текущий ранг, свободны ли даты текущего судьи и так далее. Валидация частично уже есть.

[Дмитрий]

Максим Ворожцов, ну так бы и писали, что зависимые select-ы или зависимые списки...)))

[Максим]

slo_nik, сорри) Исправлю заголовок у вопроса))

Answer 1

[Дмитрий]

Вот Вам пример из рабочего проекта, доработайте под свои требования.

<?= $form->field($model, 'country_id')->dropDownList(ArrayHelper::map(Countries::getAllName(), 'id', 'name_ru'),
                                                         [
                                                             'prompt' => 'Выбрать страну...',
                                                             'onchange' => '
                                                                $.post(
                                                                 "'.Url::toRoute('ajax/list').'",
                                                                 {id : $(this).val()},
                                                                 function(data){
                                                                     $("select#regions").html(data).attr("disabled", false)
                                                                 }
                                                                )
                                                             '
                                                         ])
    ?>

    <?= $form->field($model, 'region_id')->dropDownList(ArrayHelper::map(Regions::getAllName(), 'id', 'name_ru'),
                                                        [
                                                            'prompt' => 'Выбрать регион...',
                                                            'id' => 'regions',
                                                            'disabled' => $model->isNewRecord ? 'disabled' : false
                                                        ])
    ?>

Метод getAllName() в модели может выглядеть так:

public static function getAllName()
    {
        return self::findAll(['status' => self::STATUS_ACTIVE]);
    }

Действие в контролере может выглядеть так:

public function actionList()
    {
         if(Yii::$app->request->isAjax)
         {
             $id = (int)Yii::$app->request->post('id');

             $regions = Regions::find()
                                 ->where('status=:status',[':status' => Regions::STATUS_ACTIVE])
                                 ->andWhere('country_id=:id', [':id' => $id])
                                 ->orderBy('name_ru')
                                 ->all();

             foreach($regions as $region){
                 $this->option .= '<option value="'.$region->id.'">'.$region->name_ru.'</option>';
             }
         }
        return $this->option;
    }

Всё, у Вас два связанных выпадающих списка.

Comments

[Максим]

То что нужно! Благодарю))) Как всегда выручаете во всём)))

[Максим]

Ещё вопрос) Как на примере в комментариях я писал, что мне нужно сделать несколько select динамически. Как в этом случае удобнее это сделать? На текущем примере... Допустим выбираем страну и внизу подгружается необходимое кол-во селектов. Если Россия, то селектов 5, если Украина, то 3. Как пример.

[Максим]

slo_nik Вот примерно так мне нужно, Первый селект формирует кол-во остальных селектов выделенные красным цветом. Потом валидируем и сохраняем по ним данные

[Дмитрий]

Максим Ворожцов, по первому списку получите данные для второго, а по второму получите данные для третьего.
Изначально второй и третий неактивны.

[Максим]

slo_nik, это я понял) Вопрос был немного про другое) Вот весть этот блок выделенный красным нужно будет продублировать несколько раз. Каждый блок — это один судья. Если судей в данном мероприятии будет 5, то таких красных блоков будет 5 с селектами: комитет, тип судьи: судья

[Максим]

slo_nik, как вот в этом случае сделать размножение полей. Проблема в том, что виджет Dep Drop они привязаны по Id
'depends'=>['appointment-judge_id'],
Форма:

<?= $form->field($model, 'judge_id', ['options' => ['class' => 'col-sm-6']])->widget(Select2::classname(), [
            'data' => ArrayHelper::map(\backend\models\Judge::find()->all(), 'id', 'fullName'),
            'language' => 'ru',
            'hideSearch' => true,
            'initValueText' => ['1'],
            'options' => ['placeholder' => 'Выберите судью...'],
            'pluginOptions' => [
                'allowClear' => false
            ],
        ]);?>

<?= $form->field($model, 'judge_comitet_id', ['options' => ['class' => 'col-sm-6']])->widget(DepDrop::classname(), [
            'type'=>DepDrop::TYPE_SELECT2,
            'pluginOptions'=>[
                'depends'=>['appointment-judge_id'],
                'placeholder' => 'Выберите категорию...',
                'url' => Url::to(['/appointment/judge-comitet-list']),
                'loadingText' => 'Загрузка категорий...',
            ]
        ]); ?>

Контроллер

public function actionJudgeComitetList()
    {
        $out = [];
        if (isset($_POST['depdrop_parents'])) {
            $id = end($_POST['depdrop_parents']);
            $list = JudgeComitet::findAll(['judge_id'=>$id]);
            $selected  = null;
            if ($id != null && count($list) > 0) {
                $selected = '';
                foreach ($list as $i => $model) {
                    $comitet = Comitet::findOne($model['comitet_id']);
                    $category = Category::findOne($model['category_id']);
                    $out[] = ['id' => $model['id'], 'name' => $comitet->name.' ('.$category->name.')'];
                    if ($i == 0) {
                        $selected = $model['id'];
                    }
                }
                // Shows how you can preselect a value
                echo Json::encode(['output' => $out, 'selected'=>$selected]);
                return;
            }
        }
        echo Json::encode(['output' => '', 'selected'=>'']);
    }

[Максим]

slo_nik, надо как-то менять id Select2. Тогда я бы смог через foreach сделать несколько таких полей с разными id. Например judge-1, judge-2, judge-3........

[Дмитрий]

Максим Ворожцов, ну так в чём проблема?
Попробуйте в foreach использовать счётчик и добавлять его значение к id

[Максим]

slo_nik, а как добавлять? Не очень сильно понимаю... Через JS что ли?

[Дмитрий]

Максим Ворожцов,

$i = 0;
foreach($a as $b){
  // что-то делаете
 // увеличиваете счётчик
 $i++;
}

[Максим]

slo_nik, это я понял. Но как id в Select2 изменять или дополнять? Как присваивать свой id))

[Максим]

slo_nik, если поставить

['options' => ['id'=>'judge-1' , 'class' => 'col-sm-6']

, то тогда он присваивает не select, а div. А Мне нужно в Select))

[Дмитрий]

Максим Ворожцов, вроде как name можно разные делать, тогда получится несколько списков

[Максим]

slo_nik, может быть и разные, но id не меняет) Придёться что то с JS мудрить

[Дмитрий]

Максим Ворожцов, остановитесь на том варианте, как Вы делали, то есть id. Должно работать. Сейчас посмотрел у себя. В одной форме два select2 и id я задаю именно через option

[Максим]

slo_nik, а ведь точно всё работает! Проблема была в не правильном методе. В документации был один пример и описание как применять, а у меня почему-то сработал вот так: 'options'=>['id'=>'judge-1'],. Думаю, что дальше получится реализовать! Благодарю!