Yii - ListView 元件

ListView 元件使用資料提供者來顯示資料。每個模型都使用指定的檢視檔案進行渲染。

步驟 1 - 以這種方式修改 actionDataWidget() 方法。

public function actionDataWidget() {
   $dataProvider = new ActiveDataProvider([
      'query' => MyUser::find(),
      'pagination' => [
         'pageSize' => 20,
      ],
   ]);
   return $this->render('datawidget', [
      'dataProvider' => $dataProvider
   ]);
}

在上面的程式碼中，我們建立了一個數據提供者並將其傳遞給 datawidget 檢視。

步驟 2 - 以這種方式修改 datawidget 檢視檔案。

<?php
   use yii\widgets\ListView;
   echo ListView::widget([
      'dataProvider' => $dataProvider,
      'itemView' => '_user',
   ]);
?>

我們渲染 ListView 元件。每個模型都在 _user 檢視中渲染。

步驟 3 - 在 views/site 資料夾內建立一個名為 _user.php 的檔案。

<?php
   use yii\helpers\Html;
   use yii\helpers\HtmlPurifier;
?>
<div class = "user">
   <?= $model->id ?>
   <?= Html::encode($model->name) ?>
   <?= HtmlPurifier::process($model->email) ?>
</div>

步驟 4 - 在 Web 瀏覽器的位址列中輸入 https://:8080/index.php?r=site/data-widget，您將看到以下內容。