ویجت GridView در فریمورک Yii

ویجت GridView داده ها را از یک data provider می گیرد و به شکل یک جدول ارائه می دهد. هر ردیف از جدول بیانگر  یک آیتمِ داده یِ واحد می باشد، و هر ستون، نشان دهنده یک attribute از آیتم است.

مرحله 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 پیکربندی شده اند. که هر کدام یک attribute از مدل هستند و می توانند فیلتر و مرتب شوند.

مرحله 3 - برای اضافه کردن یک ستون سفارشی به grid، ویو 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 بروید، خروجی را به شکل تصویر زیر مشاهده خواهید کرد.

ستون های grid را می توان با استفاده از کلاس های column مختلف مانند yii\grid\SerialColumn و yii\grid\ActionColumn و yii\grid\CheckboxColumn سفارشی سازی (customize) کرد.

مرحله 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، بروید. آنچه که مشاهده خواهید کرد، مطابق با تصویر زیر می باشد.