このタグをui_component
レイアウトファイルに追加するだけです
<column name="logo" class="NAMESPACE\MODULENAME\Ui\Component\Listing\Columns\Logo">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/thumbnail</item>
<!--<item name="add_field" xsi:type="boolean">true</item>-->
<item name="sortable" xsi:type="boolean">false</item>
<item name="altField" xsi:type="string">name</item>
<item name="has_preview" xsi:type="string">1</item>
<item name="label" xsi:type="string" translate="true">Brand Logo</item>
</item>
</argument>
</column>
ui_component
列に割り当てたこの新しいファイルを作成します
<?php
namespace NAMESPACE\MODULENAME\Ui\Component\Listing\Columns;
use Magento\Framework\View\Element\UiComponentFactory;
use Magento\Framework\View\Element\UiComponent\ContextInterface;
class Logo extends \Magento\Ui\Component\Listing\Columns\Column
{
const NAME = 'logo';
const ALT_FIELD = 'name';
protected $_storeManager;
public function __construct(
ContextInterface $context,
UiComponentFactory $uiComponentFactory,
\Magento\Framework\UrlInterface $urlBuilder,
array $components = [],
array $data = [],
\Magento\Store\Model\StoreManagerInterface $storeManager
) {
parent::__construct($context, $uiComponentFactory, $components, $data);
$this->_storeManager = $storeManager;
$this->urlBuilder = $urlBuilder;
}
/**
* Prepare Data Source
*
* @param array $dataSource
* @return array
*/
public function prepareDataSource(array $dataSource)
{
if (isset($dataSource['data']['items'])) {
$fieldName = $this->getData('name');
foreach ($dataSource['data']['items'] as & $item) {
$mediaRelativePath=$this->_storeManager->getStore()->getBaseUrl(\Magento\Framework\UrlInterface::URL_TYPE_MEDIA);
$logoPath=$mediaRelativePath.$item['logo'];
$item[$fieldName . '_src'] = $logoPath;
$item[$fieldName . '_alt'] = $this->getAlt($item);
$item[$fieldName . '_link'] = $this->urlBuilder->getUrl(
'brand/manage/edit',
['brand_id' => $item['brand_id'], 'store' => $this->context->getRequestParam('store')]
);
$item[$fieldName . '_orig_src'] = $logoPath;
}
}
return $dataSource;
}
/**
* @param array $row
*
* @return null|string
*/
protected function getAlt($row)
{
$altField = self::ALT_FIELD;
return isset($row[$altField]) ? $row[$altField] : null;
}
}
prepareDataSource
機能は、各列オブジェクトを取得します。
これがお役に立てば幸いです。
if($item[$fieldName] != '')
にif($item['url'] != '')
して'pathtoyourimage/'.$item[$fieldName]
まで'pathtoyourimage/'.$item['url']
。私$fieldName
は「image」を返していましたが、私のdbフィールドは「url」と呼ばれていました。残りは残り$item[$fieldName . '***']
ました。