Yii - GridView Widget

Il widget GridView prende i dati da un provider di dati e presenta i dati sotto forma di tabella. Ogni riga della tabella rappresenta un singolo elemento di dati e una colonna rappresenta un attributo dell'elemento.

Step 1 - Modifica il file datawidget visualizzare in questo modo.

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

Step 2 - Vai a http://localhost:8080/index.php?r=site/data-widget, vedrai un utilizzo tipico del widget DataGrid.

Le colonne del widget DataGrid sono configurate in termini di yii\grid\Columnclasse. Rappresenta un attributo del modello e può essere filtrato e ordinato.

Step 3 - Per aggiungere una colonna personalizzata alla griglia, modificare il file datawidget visualizzare in questo modo.

<?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;
            },
         ],
      ],
   ]);
?>

Step 4 - Se vai all'indirizzo http://localhost:8080/index.php?r=site/data-widget, vedrai l'output come mostrato nell'immagine seguente.

Le colonne della griglia possono essere personalizzate utilizzando diverse classi di colonne, come yii \ grid \ SerialColumn, yii \ grid \ ActionColumn e yii \ grid \ CheckboxColumn.

Step 5 - Modifica il file datawidget visualizzare nel modo seguente.

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

Step 6 −Vai a http://localhost:8080/index.php?r=site/data-widget, vedrai quanto segue.