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.
##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.
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!');
}',
],
]);yii2-gridify-view is released under the BSD 3-Clause License.