YII2中ActiveDataProvider与GridView的配合使用

系统管理员 2021-09-17 13:54 309阅读 0赞

YII2中ActiveDataProvider可以使用yii\\db\\Query或yii\\db\\ActiveQuery的对象，方便我们构造复杂的查询筛选语句。

配合强大的GridView，快速的显示我们想要的数据。

通过上面的两个工具，我们快速的显示用户表信息。用户表结构如下：

![140030-20180407103114243-606425977.png][]

我们创建一个用户模型MyUser.php，代码如下：

<?php
    
    namespace app\models;
    
    use yii\db\ActiveRecord;
    use yii\data\ActiveDataProvider;
    
    class MyUser extends ActiveRecord
    {
    
        //返回要操作的表名
        public static function tableName()
        {
            return '{
         {%user}}';
        }
    
        //设置规则
        //注意，如果没有给字段设置规则，GridView的筛选项是不会出现的
        public function rules()
        {
            return [
                [['id', 'name', 'sex', 'age'], 'trim'],
                [['id', 'sex', 'age'], 'integer'],
                ['name', 'string'],
            ];
        }
    
        //查询
        public function search($params)
        {
            //首先我们先获取一个ActiveQuery
            $query = self::find();
            //然后创建一个ActiveDataProvider对象
            $provider = new ActiveDataProvider([
                //为ActiveDataProvider对象提供一个查询对象
                'query' => $query,
                //设置分页参数
                'pagination' => [
                    //分页大小
                    'pageSize' => 3,
                    //设置地址栏当前页数参数名
                    'pageParam' => 'p',
                    //设置地址栏分页大小参数名
                    'pageSizeParam' => 'pageSize',
                ],
                //设置排序
                'sort' => [
                    //默认排序方式
                    'defaultOrder' => [
                        'id' => SORT_DESC,
                    ],
                    //参与排序的字段
                    'attributes' => [
                        'id', 'name', 'sex', 'age'
                    ],
                ],
            ]);
    
            //如果验证没通过，直接返回
            if (!($this->load($params) && $this->validate())) {
                return $provider;
            }
    
            //增加过滤条件
            $query->andFilterWhere(['id' => $this->id])
                ->andFilterWhere(['like', 'name', $this->name])
                ->andFilterWhere(['sex' => $this->sex])
                ->andFilterWhere(['age' => $this->age]);
    
            return $provider;
        }
    }

然后，创建控制器TestController.php,代码如下：

<?php
    
    namespace app\controllers;
    
    use YII;
    use yii\web\Controller;
    use app\models\MyUser;
    
    class TestController extends Controller
    {
        public function actionTest()
        {
    
            $user = new MyUser();
            //调用模型search方法，把get参数传进去
            $provider = $user->search(YII::$app->request->get());
    
            return $this->render('test', [
                'model' => $user,
                'provider' => $provider,
            ]);
        }
    }

视图页面test.php，代码如下：

<?php
    use yii\helpers\Url;
    use yii\helpers\Html;
    use yii\grid\GridView;
    ?>
    
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <button class="btn btn-primary" id="showSelBtn">显示我选中的</button>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <?php echo GridView::widget([
                    //设置GridView的ID
                    'id' => 'myUserGridView',
                    //设置数据提供器
                    'dataProvider' => $provider,
                    //设置筛选模型
                    'filterModel' => $model,
                    'columns' => [
                        //复选框列
                        ['class' => 'yii\grid\CheckboxColumn'],
                        //显示序号列
                        ['class' => 'yii\grid\SerialColumn'],
                        [
                            //设置字段显示标题
                            'label' => 'ID',
                            //字段名
                            'attribute' => 'id',
                            //格式化
                            'format' => 'raw',
                            //设置单元格样式
                            'headerOptions' => [
                                'style' => 'width:120px;',
                            ],
                        ],
                        [
                            'label' => '姓名',
                            'attribute' => 'name',
                            'format' => 'raw',
                        ],
                        [
                            'label' => '头像',
                            'attribute' => 'head_img',
                            'format' => 'raw',
                            //通过该返回值，我们可以任意控制列数据的显示
                            //$data指向的是当前行的数据结果集
                            'value' => function ($data) {
                                return '<img src="' . '/' . ltrim($data->head_img, '/') . '" width="60px">';
                            },
                        ],
                        [
                            'label' => '性别',
                            //设置筛选选项
                            'filter' => [0 => '男', 1 => '女'],
                            'attribute' => 'sex',
                            'format' => 'raw',
                            'value' => function ($data) {
                                return ($data->sex == 0) ? '男' : '女';
                            }
                        ],
                        [
                            'label' => '年龄',
                            'attribute' => 'age',
                            'format' => 'raw',
                        ],
                        [
                            'header' => '操作',
                            'class' => 'yii\grid\ActionColumn',
                            //设置显示模板
                            'template' => '{upd} {del}',
                            //下面的按钮设置，与上面的模板设置相关联
                            'buttons' => [
                                'upd' => function ($url, $model, $key) {
                                    return '<a href="' . Url::toRoute(['test/upd', 'id' => $key]) . '" class="btn btn-warning">修改</a>';
                                },
                                'del' => function ($url, $model, $key) {
                                    return '<a href="' . Url::toRoute(['test/del', 'id' => $key]) . '" class="btn btn-danger">删除</a>';
                                },
                            ],
                        ],
                    ],
                ]); ?>
            </div>
        </div>
    </div>
    
    <?php echo Html::jsFile('@web/js/jquery-3.3.1.min.js'); ?>
    <script type="text/javascript">
        $("#showSelBtn").on("click", function () {
            var keys = $("#myUserGridView").yiiGridView('getSelectedRows');
            alert(keys);
        });
    </script>

显示结果如下：

![140030-20180407103858933-1842358079.png][]

![140030-20180407104043469-1483495131.png][]

[140030-20180407103114243-606425977.png]: /images/20210726/579656bf48ea4645ab5355ccc8fb5d98.png
[140030-20180407103858933-1842358079.png]: /images/20210726/63e4626f8645437bad03d11a163c3bca.png
[140030-20180407104043469-1483495131.png]: /images/20210726/5ed00d58ef794db194dcb50c6ba6dacd.png