bupy7/yii2-gridify-view

该包已被弃用，不再维护。未建议替代包。

这是ListView的扩展组件，集成了https://github.com/hongkhanh/gridify的插件。该组件允许当您滚动到页面底部时，通过Ajax自动加载内容。内容以表格形式显示。

维护者

详细信息

github.com/bupy7/yii2-gridify-view

主页

源代码

问题

安装: 169

依赖项: 0

建议者: 0

安全: 0

星级: 23

关注者: 4

分支: 8

开放问题: 0

类型:yii2-extension

1.0.1 2018-05-07 08:14 UTC

Requires

BSD-3-Clause bd96f583a3d39e4751736f961700c01cad9a2c56

imageviewextensiongridwidgetboxyii2ListView

This package is not auto-updated.

Last update: 2020-08-16 11:34:52 UTC

README

这是ListView的扩展组件，集成了https://github.com/hongkhanh/gridify的插件。该组件允许当您滚动到页面底部时，通过Ajax自动加载内容。内容以表格形式显示。

Screenshot

安装

安装此扩展的首选方式是通过composer。

运行以下命令：

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

或将以下内容添加到您的composer.json文件的require部分：

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

安装

如何使用

在控制器中添加以下代码：

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

在index视图中添加以下代码：

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

在_page视图中添加以下代码：

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遵循BSD 3-Clause许可证发布。