Yii-gridview-widget

提供:Dev Guides
移動先:案内検索

Yii-GridViewウィジェット

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ウィジェット

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 *-アドレス *http://localhost:8080/index.php?r = site/data-widget にアクセスすると、次の画像のように出力が表示されます。

DataGridビュー

グリッド列は、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 *- *http://localhost:8080/index.php?r = site/data-widget に移動すると、次のように表示されます。

修正されたDataGridビュー