Yii GridView Widget


在 GridView 小部件是從資料提供者獲取資料,並以一個表格的形式呈現資料。表中的每一行代表一個單獨的資料項,列表示該專案的屬性。
第1步 - 修改 datawidget 小部件檢視使用以下這種方式。
<?php
   use yii\grid\GridView;
   echo GridView::widget([
      'dataProvider' => $dataProvider,
   ]);
?>
第2步 - 存取 http://localhost:8080/index.php?r=site/data-widget ,將看到 DataGrid 小部件的典型用法。

在 DataGrid 小部件中的列是在 yii\grid\Column 類中進行組態的。它代表一個模型屬性,並可以進行過濾和排序。
第3步 - 要將自定義列新增到網格中,可修改 datawidget.php  檢視使用以下程式碼。
<?php
   use yii\grid\GridView;
   echo GridView::widget([
      'dataProvider' => $dataProvider,
      'columns' => [
         'id',
         [
            'class' => 'yii\grid\DataColumn', // can be omitted, as it is the default
            'label' => '名字和郵件',
            'value' => function ($data) {
               return $data->name . " 的郵箱地址是: " . $data->email;
            },
         ],
      ],
   ]);
?>
第4步 - 在瀏覽器開啟URL地址:http://localhost:8080/index.php?r=site/data-widget ,會看到輸出如下面的圖所示。
Yii GridView Widget
網格列可以通過使用不同的列類來實現,如:yii\grid\SerialColumn, yii\grid\CheckboxColumn 和 yii\grid\SerialColumn 進行客製化。
步驟5 - 以下列方式修改 views/site/datawidget.php 檢視檔案。
<?php
   use yii\grid\GridView;
   echo GridView::widget([
      'dataProvider' => $dataProvider,
      'columns' => [
         ['class' => 'yii\grid\SerialColumn'], 'name',
         ['class' => 'yii\grid\ActionColumn'],
         ['class' => 'yii\grid\CheckboxColumn'],
      ],
   ]);
?>
第4步 - 在瀏覽器開啟URL地址:http://localhost:8080/index.php?r=site/data-widget ,會看到輸出如下面的圖所示。