kartikグリッドに画像を表示することは、私は、グリッドを持っていると私はイメージを実装したいと思いますが、それは常に、画像へのパスを返します</p> <p>これはコードでパス

Question

を示しています。

[ 
    'attribute' => 'picture', 
    'value'=>function($data) { return $data->imageurl; }, 
    'value' => function ($data) { 
     return Html::img(Yii::getAlias('@web').'/images/user_accounts.png', 
      ['width' => '70px']); 
    }, 

], 

アイデアの上に私はThis linkから得たが、それは私も試してみました

失敗：

[ 
    'attribute' => 'picture', 
    'value'=>function($data) { return $data->imageurl; }, 

], 

これは

Answer 1

生またはHTMLフォーマッタを使用します

Answer 2

は、それが使用するデフォルトでは、のDataColumnクラスのformat属性を使用して表示されるものである

public function getImageurl() 
    { 
     return \Yii::$app->request->BaseUrl.'/images/user_accounts.png'; 
    } 

を追加しました。しかし、それはまだグリッドに画像を表示するために

を失敗しましたテキスト形式なので、内容はHTMLの代わりにテキストとして表示されます。

[ 
    'attribute' => 'picture', 
    'format' => 'html',  
    'value' => function ($data) { 
     return Html::img(Yii::getAlias('@web').'/images/'. $data['imageurl'], 
      ['width' => '70px']); 
    }, 
], 

Answer 3

>>>This may be helpfull too... 
      [ 
      'attribute' => 'picture', 
      'format' => 'html', 
      'value' => function ($data) { 
        return Html::img($data->imageurl,['width' => '80px']); 
      }, 
      'filterType' => GridView::FILTER_SELECT2, 
      'filter' => '', 
      'filterWidgetOptions' => [ 
       'pluginOptions' => ['allowClear' => true], 
       ], 
       'filterInputOptions' => ['placeholder' => 'Image Url'], 
      ],