Как обновить 2 pjax объекта одним запросом?

Question

[Андрей]

Имею две грид таблицы в одной странице, каждый обернут в свой PJAX со своим id. Нужно что бы было автообновление каждые n секунд. Но не могу добиться правильной работы

<?php Pjax::begin([
                'id' => 'select_pjax'
            ])?>
            <?= GridView::widget([
                'dataProvider' => $dataProviderTemp,
                'columns' => [
                    ......]])
<?php
            $this->registerJs(
                '$("document").ready(function(){
                            setTimeout(function(){
                                $.pjax.reload({container:"#select_pjax"});  //Reload GridView
                            },5000);
                    });'
            );?>
<?php Pjax::end()?>
код всякий разный
<?php Pjax::begin([
                'id' => 'save_pjax'
            ])?>
            <?= GridView::widget([
                'dataProvider' => $dataProviderTemp,
                'columns' => [
                    ......]])
<?php
            $this->registerJs(
                '$("document").ready(function(){
                            setTimeout(function(){
                              $.pjax.reload("#save_pjax");  //Reload GridView
                            },4000);
                    });'
            );?>
<?php Pjax::end()?>

В определенный момент происходит перекрытие и отрабатывает только один запрос. Как сделать, что бы оба обновлялись?

Answer 1

[Роман Романович]

асинхронyо их нужно выполнять
$.pjax.reload({ container: #id, async:false });

Answer 2

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

https://github.com/yiisoft/jquery-pjax

Вызывайте в js обновление контейнеров по их id, например:

$.pjax.reload('#pjax-container', options);
$.pjax.reload('#pjax-container2', options);

Можно зацепиться за событие первого контейнера и обновлять второй.

Comments

[Андрей]

Максим Тимофеев Так побывал, обновляет только первый контейнер. Вы предлагаете в случаи success первого, запускать второй?

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

Андрей, да, но покажите код, как отправляете? должно работать.
и не надо кот типа

'$("document").ready(function(){
                            setTimeout(function(){
                                $.pjax.reload({container:"#select_pjax"});  //Reload GridView
                            },5000);
                    });'

внутрь pjax пихать, он же перезагрузится.

[Андрей]

Максим Тимофеев, в файле js:

setInterval(function(){
        $.pjax.reload("#select_pjax");
        $.pjax.reload("#save_pjax");  //Reload GridView
    },4000);

обновляется только вторая

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

Андрей, надо дебажить, это странно, может опечатка где-то

[Андрей]

Максим Тимофеев, пробывал так, все равно выполняется только последняя:

setInterval(function(){
        $.pjax.reload("#save_pjax");  //Reload GridView
        $.pjax.reload("#select_pjax");
    },4000);

в дебаге не вообще первого PJAX контейнера, он не выполняется

[Андрей]

Максим Тимофеев, пока выход из ситуации только такой:

setInterval(function(){
        $.pjax.reload("#select_pjax");  //Reload GridView
        $("#select_pjax").on('pjax:success', function () {
            $.pjax.reload("#save_pjax");
        });
    },5000);

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

Андрей, странно это все, я попробую на досуге, должно быть логическое объяснение. Думаю оно есть, оно очевидно, но мы его не видим.

Answer 3

[sokollondon]

Вариант 1. Использовать обычный ajax

$.ajax({
    'success': function(data){
        var targets = [
            '#container1',
            '#container2'
        ];
        $.each(targets, function (ind, t) {
            $(t).html($(data).find(t).html());
        });
    }
});

Вариант 2. Использовать pjax, но будет 2 запроса

$.pjax.reload({container: "#container1", async:false});
$.pjax.reload({container: "#container2", async:false});

P.S. К разработчикам Pjax обращаются с 2012г с просьбой сделать 1 запросом, делать не планируют