hdushku / yii2-gridify-view Goto Github PK

View Code? Open in Web Editor NEW

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.

License: BSD 3-Clause "New" or "Revised" License

PHP 44.65% JavaScript 55.35%

yii2-gridify-view's Introduction

yii2-gridify-view

##Installation The preferred way to install this extension is through composer.

Either run

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

or add

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

to the require section of your composer.json file.

How use

Added in your controller following code:

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:

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

Added in your _page view following code:

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!');
        }',
    ],
]);