yii2 GridView常见操作,yii2gridview
作者:白狼 出处:http://www.manks.top/article/yii2_gridview
本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
收集了网络上GridView出现的大部分问题做一个总结,希望有一个能帮助到你。
如果下面有没说到的GridView常见问题,下方留言,我会进行补充。
-
下拉搜索
-
日期格式化并实现日期可搜索
-
根据参数进行是否显示
-
链接可点击跳转
-
显示图片
-
html渲染
-
自定义按钮
-
设定宽度等样式
-
自定义字段
-
自定义行样式
-
增加按钮调用js操作
下拉搜索,我们先来看看预期的效果图
具体怎么实现喃?考虑到一张数据表要下拉效果的字段可能有很多个,我们先在其model中实现一个方法方便后续操作
<span> 1</span> <span>/*</span><span>* </span><span> 2</span> <span> * 下拉筛选 </span><span> 3</span> <span> * @column string 字段 </span><span> 4</span> <span> * @value mix 字段对应的值,不指定则返回字段数组 </span><span> 5</span> <span> * @return mix 返回某个值或者数组 </span><span> 6</span> <span>*/</span> <span> 7</span> <span>public</span> <span>static</span> <span>function</span> dropDown (<span>$column</span>, <span>$value</span> = <span>null</span><span>) </span><span> 8</span> <span>{ </span><span> 9</span> <span>$dropDownList</span> =<span> [ </span><span>10</span> 'is_delete'=><span> [ </span><span>11</span> '0'=>'显示', <span>12</span> '1'=>'删除', <span>13</span> ], <span>14</span> 'is_hot'=><span> [ </span><span>15</span> '0'=>'否', <span>16</span> '1'=>'是', <span>17</span> ], <span>18</span> <span>//</span><span>有新的字段要实现下拉规则,可像上面这样进行添加 </span><span>19</span> <span> // ......</span> <span>20</span> <span> ]; </span><span>21</span> <span>//</span><span>根据具体值显示对应的值</span> <span>22</span> <span>if</span> (<span>$value</span> !== <span>null</span><span>) </span><span>23</span> <span>return</span> <span>array_key_exists</span>(<span>$column</span>, <span>$dropDownList</span>) ? <span>$dropDownList</span>[<span>$column</span>][<span>$value</span>] : <span>false</span><span>; </span><span>24</span> <span>//</span><span>返回关联数组,用户下拉的filter实现</span> <span>25</span> <span>else</span> <span>26</span> <span>return</span> <span>array_key_exists</span>(<span>$column</span>, <span>$dropDownList</span>) ? <span>$dropDownList</span>[<span>$column</span>] : <span>false</span><span>; </span><span>27</span> }
然后我们上代码看看具体怎么实现的下拉搜索
<?= GridView::<span>widget([ </span>'dataProvider' => <span>$dataProvider</span>, 'columns' =><span> [ </span><span>//</span><span> ......</span> <span> [ </span>'attribute' => 'is_hot', 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>return</span> Article::dropDown('is_hot', <span>$model</span>-><span>is_hot); }</span>, 'filter' => Article::dropDown('is_hot'),<span> ]</span>,<span> [ </span>'attribute' => 'is_delete', 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>return</span> Article::dropDown('is_delete', <span>$model</span>-><span>is_delete); }</span>, 'filter' => Article::dropDown('is_delete'),<span> ]</span>, <span>//</span><span> ......</span> ],<span> ]); </span>?>
像这样,我们就简单地实现了两个下拉效果,要实现筛选功能,在你的dataProvider自定添加该字段的搜索条件即可
日期格式化,我们先来看看效果图
这个我们分情况讨论
1、如果你的数据库字段created_at存的时间格式是date或者datetime,那很简单,gridview中直接输出该字段created_at即可,如上图中右侧所示
2、如果数据库存入的时间戳类型,如上图中左侧所示,则需要像下面这样进行输出
<span>[ </span>'attribute' => 'created_at', 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>return</span> <span>date</span>('Y-m-d H:i:s', <span>$model</span>-><span>created_at); }</span>,<span> ]</span>,<span> [ </span>'attribute' => 'created_at', 'format' => ['date', 'Y-m-d H:i:s'],<span> ]</span>,
以上展示了两种方式进行格式输出,都可以。但是,如果想要实现搜索的机制,如果你的数据库存入的是datetime型,很方便,dataProvider不用做修改,
代码如下
<span>$query</span>-><span>andFilterWhere([ </span><span>//</span><span> ......</span> 'created_at' => <span>$this</span>->created_at, <span>//</span><span> ......</span> ]);
如果你的数据库存入的是时间戳,
第一步,修改对应规则如下图所示
第二步,修改dataProvider可参考如下代码
<span>//</span><span>我们搜索输入框中输入的格式一般是 2016-01-01 而非时间戳 //输出2016-01-01无非是想搜索这一天的数据,因此代码如下</span> <span>if</span> (<span>$this</span>-><span>created_at) { </span><span>$createdAt</span> = <span>strtotime</span>(<span>$this</span>-><span>created_at); </span><span>$createdAtEnd</span> = <span>$createdAt</span> + 24*3600<span>; </span><span>$query</span>->andWhere("created_at >= {<span>$createdAt</span>} AND created_at <= {<span>$createdAtEnd</span>}"<span>); }</span>
这里做个小总结,建议使用datetime类型,个人觉得存时间戳甚是麻烦,如果你有好的建议,下方留言我们共同交流。
是否显示某列案例
我们举一个简单的案例
条件:有一个get形参数type
需求:仅且type的值等于1的时候,列name才显示,否则该列不显示
代码实现如下:
<span>[ </span>'attribute' => 'name', 'value' => <span>$model</span>->name, 'visible' => <span>intval</span>(Yii::<span>$app</span>->request->get('type')) == 1,<span> ]</span>,
实现方式也是很简单滴。
链接可点击跳转案例
这个跟接下来我们要说的html渲染的效果十分类似,这里要说的是列的属性值 format,具体都有哪些格式可查看文件 yii\i18n\Formatter.php,各种format都可以解决
<span>[ </span>'attribute' => 'order_id', 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>return</span> Html::a(<span>$model</span>->order_id, "/order?id={<span>$model</span>->order_id}", ['target' => '_blank'<span>]); }</span>, 'format' => 'raw',<span> ]</span>,
显示图片案例
同上,这里只需要指定format格式为image即可,format第二个参数可设定图片大小,可参考下面的代码
<span>[ </span>'label' => '头像', 'format' =><span> [ </span>'image',<span> [ </span>'width'=>'84', 'height'=>'84'<span> ] ]</span>, 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>return</span> <span>$model</span>-><span>image; } ]</span>,
html渲染案例
什么意思喃,举个例子,我们有一个字段,标记为title,但是这个title不一样,ta含有html标签,我们不想在页面上展示
title123
这种形式,我们想要title123以p标签的形式展示,代码可参考如下,只需要指定format为raw形式即可
<span>[ </span>'attribute' => 'title', 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>return</span> Html::encode(<span>$model</span>-><span>title); }</span>, 'format' => 'raw',<span> ]</span>,
自定义按钮案例
往往列表页我们不想要删除按钮,想在增加一个比如获取xxx按钮,怎么搞呢?这里需要设置ActionColumn类,修改配置项template并在buttons项增加template里增加的get-xxx即可
<span>[ </span>'class' => 'yii\grid\ActionColumn', 'template' => '{get-xxx} {view} {update}', 'header' => '操作', 'buttons' =><span> [ </span>'get-xxx' => <span>function</span> (<span>$url</span>, <span>$model</span>, <span>$key</span><span>) { </span><span>return</span> Html::a('获取xxx', <span>$url</span>, ['title' => '获取xxx'<span>] ); }</span>,<span> ]</span>,<span> ]</span>,
设定宽度案例
举个简单的例子,我们的title列,太长了,能不能给我先定下这一列的宽度?
答案:能。
请看示例:
<span>[ </span>'attribute' => 'title', 'value' => 'title', 'headerOptions' => ['width' => '100'],<span> ]</span>,
只需要指定配置项headerOptions即可。
自定义字段案例
啥时自定义?这里我们是指在表格里增加一列且数据库中不存在对应的列。假如我们新增一列 订单消费金额money且该表不存在该字段
<span>[ </span>'attribute' => '消费金额', 'value' => <span>function</span> (<span>$model</span><span>) { </span><span>//</span><span> 这里可以根据该表的其他字段进行关联获取</span> <span> } ]</span>,
自定义行样式
有小伙伴说了,gii生成的这个gridview表格呀,行跟行的颜色不明显,看着难受,我滴乖乖,具体怎么难受咱们就不追究了。我们来看看怎么定义行样式
<?= GridView::<span>widget([ </span><span>//</span><span> ......</span> 'dataProvider' => <span>$dataProvider</span>, 'rowOptions' => <span>function</span>(<span>$model</span>, <span>$key</span>, <span>$index</span>, <span>$grid</span><span>) { </span><span>return</span> ['class' => <span>$index</span> % 2 ==0 ? 'label-red' : 'label-green'<span>]; }</span>, <span>//</span><span> ......</span> ]); ?>
前面的操作我们都是依据列column的,这里因为是对行的控制,所以我们配置rowOptions要稍微注意一下。此外,自定义的label-red和label-green需要有对应的样式实现,这里我们看一下页面的实际效果
增加按钮调用js操作案例
那边产品经理走过来了,小王呀,你这个修改状态的功能很频繁,每次都要先点进详情页才能修改,能不能我在列表页面上鼠标那么一点就成功修改了呢?
其实就是一个异步请求操作了当前行的状态嘛,我们来看看gridview里面是怎么实现的。
<span>[ </span>'class' => 'yii\grid\ActionColumn', 'header' => '操作', 'template' => '{view} {update} {update-status}', 'buttons' =><span> [ </span>'update-status' => <span>function</span> (<span>$url</span>, <span>$model</span>, <span>$key</span><span>) { </span><span>return</span> Html::a('更新状态', 'javascript:;', ['onclick'=>'update_status(this, '.<span>$model</span>->id.');']); },<span> ]</span>,<span> ]</span>,
还没完,我们还需要在页面写js实现方法 update_status, 关于如何在页面底部加载js请点击参考

PHP编程中有哪些常见的Behat操作?Behat是一个行为驱动开发(BDD)工具,允许测试人员和开发人员在自然语言中撰写测试用例,并将这些用例转化为可执行的代码。它支持PHP语言,并提供了丰富的库和功能,可以实现多种常见的测试操作。下面列举了PHP编程中常见的Behat操作。前置条件(Background)在编写测试用例时,有时候会有一些公共的前置条件需要

yii2去掉jquery的方法:1、编辑AppAsset.php文件,注释掉变量$depends里的“yii\web\YiiAsset”值;2、编辑main.php文件,在字段“components”下面添加配置为“'yii\web\JqueryAsset' => ['js' => [],'sourcePath' => null,],”即可去掉jquery脚本。

最近几年,PHP编程中的模板引擎已经成为了PHP开发的重要组成部分,方便了程序员进行页面开发和管理。本文将介绍PHP编程中常见的模板引擎。SmartySmarty是一个比较常用的PHP模板引擎,它支持缓存模板、插件模块和自定义函数等一系列功能。Smarty的语法十分灵活,能够解决PHP变量与HTML标记的结合难题,使得PHP语言更适用于模板化的设计。而且,S

ThinkPHP6是一款基于PHP的MVC框架,极大地简化了Web应用程序的开发。其中表单验证是一个非常基础和重要的功能。在这篇文章中,我们将介绍ThinkPHP6中如何进行表单验证操作。一、验证规则定义在ThinkPHP6中,验证规则都需要定义在控制器中,我们可以通过在控制器中定义一个$validate属性来实现规则的定义,如下所示:usethinkVa

OAuth(开放授权)是一种用于授权访问控制的标准化协议。在Web开发中,使用OAuth可以帮助应用程序安全地从第三方平台中获取用户数据或资源。而在PHP编程中,OAuth操作也被广泛应用。本文将介绍PHP编程中的常见OAuth操作。OAuth1.0a授权OAuth1.0a授权是OAuth中最早出现的授权方式,也是最复杂的一种授权方式。在PHP编程中,O

H5开发中position属性的常见应用场景,需要具体代码示例在H5开发中,CSS的position属性非常重要,它控制元素在网页中的定位方式。通过合理应用position属性,我们可以实现页面布局的灵活性和美观性。在本文中,我们将介绍position属性的常见应用场景,并通过具体的代码示例来说明。Static(静态定位):position属性的默认值为st

超级全局变量是PHP中非常重要的概念,它可以在程序中访问到任何地方的变量值,而无需使用函数或其他方法来传递变量。在本文中,我们将讨论一下PHP编程中常用的几种超级全局变量。$_GET$_GET是用于收集HTML表单提交的数据的超级全局变量之一。通过$_GET,我们可以获取指定URL中的查询字符串参数,这些参数可以被用于页面的数据过滤或数据查询等操作。例如,当


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Notepad++7.3.1
Easy-to-use and free code editor

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software
