如何在Yii2 ListView中呈現具有不同視圖的項目？

Question

我需要以不同的視角來顯示新聞。 現在，我使用以下代碼進行演示：

 <?= ListView::widget([
                   'dataProvider' => $dataProvider,
                   'itemView' => '_news',
                   'viewParams' => [
                       'fullView' => true,
                       'context' => 'main-page'
                   ]
               ]);
                ?>

我的問題是：前三個新聞顯示的圖像較大，另一個顯示的圖像較小。 分頁應該有效。 看這個例子

請幫我。

Answer 1

列表視圖的每個項目視圖都有一個名為$index的變量，可用於實現所需的結果。 在_news.php中，您可以執行以下操作：

if($index < 3)
    $this->render('_news_big', ['model' => $model]);

else
    $this->render('_news_small', ['model' => $model]);

並有在_news_big.php大塊的實際代碼，並在_news_small.php小塊代碼。

另一種方法是將代碼放置在_news.php內的兩個塊中（盡管我不喜歡這種方法）

if($index < 3)
{
    //Code for big block
}
else
{
    //Code for small blocks
}

有關itemView的更多信息，請參考http://www.yiiframework.com/doc-2.0/yii-widgets-listview.html#$itemView-detail