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

Question

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

Доброй ночи всем, такой вопрос у меня, на скриншоте видно что используется ТАБЫ. В первом табе есть форма, после заполнения мы жмакаем на кнопку продолжить и нас перекидывает, на второй таб и тут тоже есть форма и после выбранных полей есть кнопка заказать.
Я не могу понять как мне правильно разместить формы для отправки данных в табах, я использую yii2 bootstrap/tab
Или тут не надо использовать две формы, если написал БРЕД, то поправте. И помогите как правильно реализовать!

<?= Tabs::widget([
        'items' => [
            [
                'label' => 'Контактные данные',
                'options' => ['id' => 'activeAccount'],
                'visible' => Yii::$app->user->id,
                'content' => $this->render('_tabs/activeAccount', [
                    'order' => $order,
                    'user' => $user,
                    'userCabinet' => $userCabinet,
                ]),
            ],
            [
                'label' => 'Доставка оплата',
                'options' => ['id' => 'deliveryPayment'],
                'content' => $this->render('_tabs/deliveryPayment', [
                    'model' => $model,
                ]),
            ],
        ]
    ]);
    ?>

Answer 1

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

Обворачиваете все табы в одну форму, в рендер таба можно передавать $form. Кнопку сабмита в последней и фсе.

Comments

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

Привет Максим, а можно какой то пример?

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

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

<?php $form = ActiveForm::begin(); ?>
<?= Tabs::widget([
        'items' => [
            [
                'label' => 'Контактные данные',
                'options' => ['id' => 'activeAccount'],
                'visible' => Yii::$app->user->id,
                'content' => $this->render('_tabs/activeAccount', [
                    'order' => $order,
                    'user' => $user,
                    'userCabinet' => $userCabinet,
                    'form' => $form,
                ]),
            ],
            [
                'label' => 'Доставка оплата',
                'options' => ['id' => 'deliveryPayment'],
                'content' => $this->render('_tabs/deliveryPayment', [
                    'model' => $model,
                    'form' => $form,
                ]),
            ],
        ]
    ]);
    ?>
<?php ActiveForm::end(); ?>

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

Да так работает, спасибо, че я так не додумался)))

Answer 2

[matperez]

Прям подробно не подскажу, но общий порядок действий может быть такой:
На первой вкладке перехватить сабмит и переключиться на вторую вкладку. Как сабмит перехватить можете почитать тут https://yii2-cookbook.readthedocs.io/forms-activef... Как переключиться в js на вторую вкладку загуглите сами.
На второй вкладке можно этот фокус повторить и по итогу уже данные обеих форм отправить через ajax запрос на бекенд.

Тут правильным вопросом будет не как это в принципе провернуть, а где хранить состояние между шагами формы (как на следующем шаге получить данные предыдущего). Можете хранить его на бекенде в сессии, можете хранить в GET-параметрах, можете прямо в html (как указано выше), а можете в каком-нибудь отдельном js объекте. Решите как вам удобнее и потом уже понятно будет как именно это реализовать.