$tab1 = wrapPjax(GridView::widget([
            'dataProvider' => $claimed,
            'filterModel' => $claimedModel,
            'tableOptions' => ['id' => 'inquiry-claimed-grid', 'class' => 'table table-striped table-bordered'],
            'columns' => [
                ['class' => 'yii\grid\SerialColumn'],

                'name',
                'email',
                'created',
            ],
        ]));

$tab2 = wrapPjax(GridView::widget([
            'dataProvider' => $unclaimed,
            'filterModel' => $unclaimedModel,
            'tableOptions' => ['id' => 'inquiry-unclaimed-grid', 'class' => 'table table-striped table-bordered'],
            'columns' => [
                ['class' => 'yii\grid\SerialColumn'],

                'name',
                'email',
                'created',
            ],
        ]));

$tab3 = wrapPjax(GridView::widget([
            'dataProvider' => $completed,
            'filterModel' => $completedModel,
            'tableOptions' => ['id' => 'inquiry-completed-grid', 'class' => 'table table-striped table-bordered'],
            'columns' => [
                ['class' => 'yii\grid\SerialColumn'],

                'name',
                'email',
                'created',
            ],
        ]));

echo Tabs::widget([
    'options' => ['tab' => 'div'],
    'itemOptions' => ['tab' => 'div'],
    'items' => [
        [
            'options' => ['id' => 'tab-c'],
            'label' => 'Claimed',
            'content' => $tab1,
        ],
        [
            'options' => ['id' => 'tab-uc'],
            'label' => 'Unclaimed',
            'content' => $tab2,
        ],
        [
            'options' => ['id' => 'tab-comp'],
            'label' => 'Completed',
            'content' => $tab3,
        ],
    ],
]);

function wrapPjax($grid) {
    ob_start();

    Pjax::begin(['timeout' => 10000]);
    echo $grid;
    Pjax::end();
    
    return ob_get_clean();
}

Sumber: http://www.yiiframework.com/forum/index.php/topic/62469-using-pjax-with-multiple-gridview-each-within-jquery-tabs/

Advertisements