Как реализовать алгоритм для pjax формы?

Question

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

Есть view в нем форма1 в форме1 есть dropdown с городами, рядом кнопка "добавить город", при клике открывается модалка, отправляется ajax получаем форму2 добавления города в модалку. Дальше необходимо отправить форму2 и обновить дропдаун в форме1.
В чем у меня проблема:
если модалка вне формы1 - не получится запустить pjax куска кода с дропдауном
если модалка внутри формы1 - то и форма2 внутри, а следовательно submit срабатывает на форму1

Наверное надо пожрать и взглянуть работающим мозгом на проблему. Но может кто-то с рабочим мозгом "тыкнет носом"?

Answer 1

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

Разобрал pjax по винтикам. И все стало понятно. Можно при успешном pjax обновить другой блок c помощью $.pjax.reload

$this->registerJs("
    $('#city_modal_forma').on('pjax:end', function() {
            $('#ajax-form').modal('hide');
            $.pjax.reload({container:'#city_dropdown'});
        });       
    ");

Answer 2

[Abdula Magomedov]

Обходитесь без pjax. Используйте функцию $.ajax() от jQuery. И загружайте ответ в нужный вам элемент.

$.ajax({
  url: "some.php",
  success: function(data){
    $("селектор").html(data);
  }
});

Comments

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

Хотелось написать что-то универсальное, что бы просто использовать в других местах, а в ajax прийдется генерировать новый дропдаун, который для каждой формы будет разный. В случае с pjax от сам парсит ответ и выбирает, что обновить, что неймоверно удобно. Но видимо не получится. У меня и модалка 1 на весь проект и скрипт который грузит в нее форму, все параметризируется через data поля кнопки, которая ее вызывает, хотелось бы дополнить универсальным решением на pjax.

[Abdula Magomedov]

У меня есть для таких целей, соя универсальная функцию. Я не знаю, подойдет ли она вам. Можете писать подробности мне в vk

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

Avarskiy: А ларчик просто открывался. Разобрал pjax по винтикам. Можно при успешном pjax обновить другой блок c помощью $.pjax.reload:

$this->registerJs("
    $('#city_modal_forma').on('pjax:end', function() {
            $('#ajax-form').modal('hide');
            $.pjax.reload({container:'#city_dropdown'});
        });       
    ");