找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1009|回复: 0
打印 上一主题 下一主题

浅析Yii2 GridView实现下拉搜索教程

[复制链接]

2536

主题

2536

帖子

7532

积分

论坛元老

Rank: 8Rank: 8

积分
7532
跳转到指定楼层
楼主
发表于 2018-2-14 05:36:57 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            废话不多说了,先给大家展示下效果图,如果大家还很满意请继续往下阅读:

具体怎么实现喃?考虑到一张数据表要下拉效果的字段可能有很多个,我们先在其model中实现一个方法方便后续操作
/**
* 下拉筛选
* @column string 字段
* @value mix 字段对应的值,不指定则返回字段数组
* @return mix 返回某个值或者数组
*/
public static function dropDown ($column, $value = null)
{
$dropDownList = [
'is_delete'=> [
'0'=>'显示',
'1'=>'删除',
],
'is_hot'=> [
'0'=>'否',
'1'=>'是',
],
//有新的字段要实现下拉规则,可像上面这样进行添加
// ......
];
//根据具体值显示对应的值
if ($value !== null)
return array_key_exists($column, $dropDownList) ? $dropDownList[$column][$value] : false;
//返回关联数组,用户下拉的filter实现
else
return array_key_exists($column, $dropDownList) ? $dropDownList[$column] : false;
}
然后我们上代码看看具体怎么实现的下拉搜索
$dataProvider,
'columns' => [
// ......
[
'attribute' => 'is_hot',
'value' => function ($model) {
return Article::dropDown('is_hot', $model->is_hot);
},
'filter' => Article::dropDown('is_hot'),
],
[
'attribute' => 'is_delete',
'value' => function ($model) {
return Article::dropDown('is_delete', $model->is_delete);
},
'filter' => Article::dropDown('is_delete'),
],
// ......
],
]); ?>
像这样,我们就简单地实现了两个下拉效果,要实现筛选功能,在你的dataProvider自定添加该字段的搜索条件即可。
脚本之家推荐阅读:
浅析Yii2中GridView常见操作
yii2 页面底部加载css和js的技巧
浅析Yii2 GridView 日期格式化并实现日期可搜索教程
浅析Yii2 GridView实现下拉搜索教程
关于Yii2 GridView实现下拉搜索教程就给大家介绍这么多,希望对大家有所帮助!
            
            
您可能感兴趣的文章:
  • yii2.0之GridView自定义按钮和链接用法
  • 浅析Yii2中GridView常见操作
  • 浅析Yii2 gridview实现批量删除教程
  • Yii2 GridView实现列表页直接修改数据的方法
  • yii 2.0中表单小部件的使用方法示例
  • Yii2.0小部件GridView(两表联查/搜索/分页)功能的实现代码
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端