Yii2.0如何實現(xiàn)小部件GridView功能

這篇文章給大家分享的是有關Yii2.0如何實現(xiàn)小部件GridView功能的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

 GridView 兩表聯(lián)查/搜索/分頁

當我們在一個網格視圖中顯示活動數(shù)據(jù)的時候，你可能會遇到這種情況，就是顯示關聯(lián)表的列的值，為了使關聯(lián)列能夠排序，你需要連接關系表，以及添加排序規(guī)則到數(shù)據(jù)提供者的排序組件中，對數(shù)據(jù)進行搜索，排序。

Ⅰ.控制器層Controller

<?php 
namespace backend\controllers;
header("Content-type:text/html;charset=utf-8");
use Yii;
use yii\web\Controller; //超級控制器類
use backend\models\BooksInfo; //表Model類
use backend\models\InfoSearch; //引入搜索Model類
use yii\data\ActiveDataProvider; //小部件數(shù)據(jù)源類
use yii\grid\GridView; //查詢小部件
/**
 *@abstract BooksController
 *@author NING <[email ning@163.com]>
 *@version [version 1.0] [書籍管理]
 */
class BooksInfoController extends Controller
{
 
 //書籍列表
 public function actionIndex()
 {
 $searchModel = new InfoSearch(); //實例化searchModel[搜索Model]
 if(!empty($_GET['InfoSearch'])){
  $getSearch = Yii::$app->request->get(); //接收搜索字段
  $data = $searchModel->search($getSearch);
 }else{
  //小部件查詢數(shù)據(jù)
  $data = new ActiveDataProvider([
    'query' => BooksInfo::find(), //查詢數(shù)據(jù)
    'pagination' => [
      'pageSize' => 2, //每頁顯示條數(shù)
    ],
    'sort' => [
      'defaultOrder' => [
        // 'created_at' => SORT_DESC,
        'id' => SORT_ASC, //[字段]設置排序·
      ]
    ],
  ]);
 }
 //傳送查詢數(shù)據(jù)、搜素Model
 return $this->render('index',['data'=>$data,'searchModel'=>$searchModel]);
 }
?>

Ⅱ.查詢模型層Model

<?php 
namespace backend\models;
use Yii;
use yii\db\ActiveRecord;
/**
 *@abstract [BookForm]
 *@author NING <[email ning@163.com]>
 *@version [vector 1.0] [書籍詳情模型]
 */
class BooksInfo extends ActiveRecord
{
 /**
   * @設置表名
   */
  public static function tableName()
  {
    return '{{%books_info}}';
  }
  //關聯(lián)表
  public function getBooksType(){
    // hasOne要求返回兩個參數(shù) 第一個參數(shù)是關聯(lián)表的類名 第二個參數(shù)是兩張表的關聯(lián)關系 
    // 這里id是books_type表的id, 關聯(lián)books_info表的type_id 
    return $this->hasOne(BooksType::className(), ['id' => 'type_id']);
  }
 public function attributeLabels()
 {
 return [
  'id' => 'ID',
  'book_name' => '書籍名稱',
  'book_face' => '書籍封面',
  'type_id' => '書籍分類ID',
  'type_name' => '書籍分類',
 ];
 }
}
?>

Ⅲ.搜索模型層Search

<?php
namespace backend\models; //命名空間
use Yii;
use yii\base\Model; //引入基類Model
use yii\data\ActiveDataProvider;  //引入數(shù)據(jù)源類
/**
 *@abstract [搜索Model]
 *@return [type]
 *@author NING <[email ning@163.com]>
 */
// 注意:此處繼承的是查詢Model--->BooksInfo
class InfoSearch extends BooksInfo
{
  public $type_name; //定義屬性變量
  // 只有在 rules() 函數(shù)中聲明的字段才可以搜索
  public function rules()
  {
    return [
      // [['book_name','type_name'], 'safe'],
      [['type_name'], 'safe'],
    ];
  }
  public function scenarios()
  {
    // 旁路在父類中實現(xiàn)的 scenarios() 函數(shù)
    return Model::scenarios();
  }
  public function search($params)
  {
    $query = BooksInfo::find();
    $dataProvider = new ActiveDataProvider([
      'query' => $query,
      'pagination' => [
        'pageSize' => 1,
      ],
    ]);
    /*這里的articlecategory是article模型里面關聯(lián)的方法名，除了首字母，其他都要完全一樣，否則會報錯*/
    $query->joinWith(['booksType']);
    // 從參數(shù)的數(shù)據(jù)中加載過濾條件，并驗證
    if (!($this->load($params) && $this->validate())) {
      return $dataProvider;
    }
    // 增加過濾條件來調整查詢對象
    $query->andFilterWhere(['like', 'book_name', $this->book_name]);
    //添加關聯(lián)字段過濾條件[注意:此處books_type.type_name中books_type為分類表名]
    $query->andFilterWhere(['like', 'books_type.type_name', $this->type_name]);
    return $dataProvider;
  }
}
?>

Ⅳ.視圖層View

<?php 
use yii\grid\GridView;
use yii\data\ActiveDataProvider;
use yii\grid\ActionColumn;
use yii\helpers\Html;
$this->title = '圖書列表';
?>
<!-- 面包屑 -->
<ol class="breadcrumb">
 <li><a href="#" rel="external nofollow" rel="external nofollow" >Home</a></li>
 <li><a href="#" rel="external nofollow" rel="external nofollow" >圖書信息</a></li>
 <li class="active">圖書列表</li>
</ol>
<?php
echo GridView::widget([
 'dataProvider' => $data,  //數(shù)據(jù)源
  'filterModel' => $searchModel, //搜索列
 'columns' => [
    // ['filterModel' => $searchModel],
    ['class' => 'yii\grid\CheckboxColumn'], //復選框列
    ['attribute' => 'id'],
   ['attribute' => 'book_name',],
    ['attribute' => 'book_face','content'=>function($model){
     // 圖片顯示
     return Html::img($model->book_face,['width'=>'50']);
    }],
 [
      'attribute' => 'type_name',
      'value' => 'booksType.type_name', //兩表聯(lián)查[書籍類型]
    ],
    ['class' => 'yii\grid\ActionColumn','header'=>'操作'], //動作列
 ],
  'pager' => [//自定義分頁樣式以及顯示內容
    'prevPageLabel'=>'上一頁',
    'nextPageLabel'=>'下一頁',
    'firstPageLabel' => '第一頁',
    'lastPageLabel' => '最后一頁',
    'options'=>['style'=>'margin-left:200px;','class'=>"pagination"],
    ],
]);
?>

Ⅴ.效果展示

感謝各位的閱讀！關于“Yii2.0如何實現(xiàn)小部件GridView功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！