Fork me on GitHub

Image Column for CGridView

Can be used to display image in CGridView cell.

Installation

Extract to protected/extensions.

Add following code to config/main.php:

'import'=>array(
    'ext.yiiext.zii.widgets.grid.imageColumn.EImageColumn',
),

Usage example

$this->widget('zii.widgets.grid.CGridView', array(
    'dataProvider'=>$dataProvider,
    'filter'=>$model,
    'columns'=>array(
        'title:html',
        'description:html',
        array(
            'class' => 'EImageColumn',
            // see below.
            'imagePathExpression' => '/images/.$data->imagePath',
            // Text used when cell is empty.
            // Optional.
            'emptyText' => '—',
            // HTML options for image tag. Optional.
            'imageOptions' => array(
                'alt' => 'no',
                'width' => 120,
                'height' => 120,
            ),
        ),
        array(
            'class'=>'CButtonColumn',
        ),
    ),
));

imagePathExpression — a PHP expression that is evaluated for every data cell and whose result is used as the path to image. Following variables are available:

  • $row — the row number (zero-based).
  • $data — the data model for the row.
  • $this — instance of EImageColumn.

Changelog

1.1 [-] Delete $witdh, $height. Use $imageOptions['width'] and $imageOptions['height']. [+] Add $imageOptions - the HTML options for the image tag. [+] Add default css-class for column. [*] Now there is no need to import CGridColumn manually.

1.0 [+] Initial public release.

zii-image-column

allows to render images inside zii CGridView.

samdark cebe slavcopost

Documentation

Downloads (Tags)

Resources