bupy7/yii2-gridify-view

This is widget extended of ListView with plugin of https://github.com/hongkhanh/gridify. This widget allows load content automatically via Ajax when you reach the end of the page. Content is displayed in table form.

yii2-gridify-view

This is widget extended of ListView with plugin of https://github.com/hongkhanh/gridify. This widget allows load content automatically via Ajax when you reach the end of the page. Content is displayed in table form., _(*1)

, _(*2)

Installation

The preferred way to install this extension is through composer., _(*3)

Either run, _(*4)

$ php composer.phar require bupy7/yii2-gridify-view "dev-master"

or add, _(*5)

"bupy7/yii2-gridify-view": "dev-master"

to the require section of your composer.json file., _(*6)

How use

Added in your controller following code:, _(*7)

public function actionIndex()
{
    $searchModel = new ModelSearch();
    $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

    if (Yii::$app->request->isAjax) {
        return $this->renderPartial('_page', [
            'dataProvider' => $dataProvider,
            'onlyItems' => true,
        ]);
    }

    return $this->render('index', [
        'dataProvider' => $dataProvider,
        'searchModel' => $searchModel,
    ]);
}

Added in your index view following code:, _(*8)

$this->render('_page', [
    'dataProvider' => $dataProvider,
]);

Added in your _page view following code:, _(*9)

use bupy7\gridifyview\GridifyView;

echo GridifyView::widget([
    'dataProvider' => $dataProvider,
    'itemView' => '_item',
    'onlyItems' => isset($onlyItems) ? $onlyItems : false,
    'pluginOptions' => [
        'url' => ['/path/to/actin/in/your/controller'],
        'srcNode' => '> div',
        'resizable' => true,
        'width' => '250px',
        'maxWidth' => '350px',
        'margin' => '20px',
    ],
    'events' => [
        'afterLoad' => 'function(){
            alert('Successfully!');
        }',
    ],
]);

License

yii2-gridify-view is released under the BSD 3-Clause License., _(*10)