Welcome 微信登录

首页 / 网页编程 / PHP / 浅析Yii2 GridView实现下拉搜索教程

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


具体怎么实现喃?考虑到一张数据表要下拉效果的字段可能有很多个,我们先在其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实现elsereturn array_key_exists($column, $dropDownList) ? $dropDownList[$column] : false;}
然后我们上代码看看具体怎么实现的下拉搜索
<?= GridView::widget(["dataProvider" => $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实现下拉搜索教程就给大家介绍这么多,希望对大家有所帮助!