淺析Yii2 GridView實現(xiàn)下拉搜索教程

更新時間：2016年04月22日 12:06:59 作者：白狼

這篇文章主要介紹了淺析Yii2 GridView實現(xiàn)下拉搜索教程的相關資料,需要的朋友可以參考下

廢話不多說了，先給大家展示下效果圖，如果大家還很滿意請繼續(xù)往下閱讀：

具體怎么實現(xiàn)喃？考慮到一張數(shù)據(jù)表要下拉效果的字段可能有很多個，我們先在其model中實現(xiàn)一個方法方便后續(xù)操作

/**
* 下拉篩選
* @column string 字段
* @value mix 字段對應的值，不指定則返回字段數(shù)組
* @return mix 返回某個值或者數(shù)組
*/
public static function dropDown ($column, $value = null)
{
$dropDownList = [
'is_delete'=> [
'0'=>'顯示',
'1'=>'刪除',
],
'is_hot'=> [
'0'=>'否',
'1'=>'是',
],
//有新的字段要實現(xiàn)下拉規(guī)則，可像上面這樣進行添加
// ......
];
//根據(jù)具體值顯示對應的值
if ($value !== null) 
return array_key_exists($column, $dropDownList) ? $dropDownList[$column][$value] : false;
//返回關聯(lián)數(shù)組，用戶下拉的filter實現(xiàn)
else
return array_key_exists($column, $dropDownList) ? $dropDownList[$column] : false;
}

然后我們上代碼看看具體怎么實現(xiàn)的下拉搜索

<?= 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'),
],
// ......
],
]); ?>

像這樣，我們就簡單地實現(xiàn)了兩個下拉效果，要實現(xiàn)篩選功能，在你的dataProvider自定添加該字段的搜索條件即可。

腳本之家推薦閱讀：

淺析Yii2中GridView常見操作

yii2 頁面底部加載css和js的技巧

淺析Yii2 GridView 日期格式化并實現(xiàn)日期可搜索教程

淺析Yii2 GridView實現(xiàn)下拉搜索教程

關于Yii2 GridView實現(xiàn)下拉搜索教程就給大家介紹這么多，希望對大家有所幫助！

您可能感興趣的文章: