Yii - GridView 元件

GridView 元件從資料提供者獲取資料，並以表格的形式呈現資料。表格的每一行代表一個數據項，每一列代表該項的一個屬性。

步驟 1 − 修改datawidget檢視。

<?php
   use yii\grid\GridView;
   echo GridView::widget([
      'dataProvider' => $dataProvider,
   ]);
?>

步驟 2 − 訪問https://:8080/index.php?r=site/data-widget，您將看到 DataGrid 元件的典型用法。

DataGrid 元件的列是根據yii\grid\Column類配置的。它表示模型屬性，可以進行過濾和排序。

步驟 3 − 要向網格新增自定義列，請按以下方式修改datawidget檢視。

<?php
   yii\grid\GridView;
   echo GridView::widget([
      'dataProvider' => $dataProvider,
      'columns' => [
         'id',
         [
            'class' => 'yii\grid\DataColumn', // can be omitted, as it is the default
            'label' => 'Name and email',
            'value' => function ($data) {
               return $data->name . " writes from " . $data->email;
            },
         ],
      ],
   ]);
?>

步驟 4 − 如果您訪問地址https://:8080/index.php?r=site/data-widget，您將看到如下所示的輸出。

可以使用不同的列類（例如 yii\grid\SerialColumn、yii\grid\ActionColumn 和 yii\grid\CheckboxColumn）來自定義網格列。

步驟 5 − 按以下方式修改datawidget檢視。

<?php
   use yii\grid\GridView;
   echo GridView::widget([
      'dataProvider' => $dataProvider,
      'columns' => [
         ['class' => 'yii\grid\SerialColumn'], 'name',
         ['class' => 'yii\grid\ActionColumn'],
         ['class' => 'yii\grid\CheckboxColumn'],
      ],
   ]);
?>

步驟 6 − 訪問https://:8080/index.php?r=site/data-widget，您將看到以下內容。