浅析Yii2中GridView常见操作

本文是小编给大家收集整理些有关网络上GridView出现的大部分问题，本文做一个总结特此分享到错新站长站平台供大家参考。

如果下面有没说到的GridView常见问题，下方留言，我会进行补充。

下拉搜索

日期格式化并实现日期可搜索

根据参数进行是否显示

链接可点击跳转

显示图片

html渲染

自定义按钮

设定宽度等样式

自定义字段

自定义行样式

增加按钮调用js操作

yii2 GridView 下拉搜索实现案例教程

yii2 GridView 日期格式化并实现日期可搜索 案例

是否显示某列案例

我们举一个简单的案例

条件：有一个get形参数type

需求：仅且type的值等于1的时候，列name才显示，否则该列不显示

代码实现如下：

['attribute' => 'name','value' => $model->name,'visible' => intval(Yii::$app->request->get('type')) == 1,],

实现方式也是很简单滴。

链接可点击跳转案例

这个跟接下来我们要说的html渲染的效果十分类似，这里要说的是列的属性值 format,具体都有哪些格式可查看文件 yii/i18n/Formatter.php，各种format都可以解决

['attribute' => 'order_id','value' => function ($model) {return Html::a($model->order_id, "/order?id={$model->order_id}", ['target' => '_blank']);},'format' => 'raw',],

显示图片案例

同上，这里只需要指定format格式为image即可，format第二个参数可设定图片大小，可参考下面的代码

['label' => '头像','format' => ['image', ['width'=>'84','height'=>'84']],'value' => function ($model) { return $model->image; }],

html渲染案例

什么意思喃，举个例子，我们有一个字段，标记为title，但是这个title不一样，ta含有html标签，我们不想在页面上展示<p>title123<p>这种形式，我们想要title123以p标签的形式展示，代码可参考如下，只需要指定format为raw形式即可

['attribute' => 'title','value' => function ($model) { return Html::encode($model->title); },'format' => 'raw',],

自定义按钮案例

往往列表页我们不想要删除按钮，想在增加一个比如获取xxx按钮，怎么搞呢？这里需要设置ActionColumn类，修改配置项template并在buttons项增加template里增加的get-xxx即可

['class' => 'yii/grid/ActionColumn','template' => '{get-xxx} {view} {update}','header' => '操作','buttons' => ['get-xxx' => function ($url, $model, $key) { return Html::a('获取xxx', $url, ['title' => '获取xxx'] ); },],],

设定宽度案例

举个简单的例子，我们的title列，太长了，能不能给我先定下这一列的宽度？