网格视图中图像的 Yii2 数据工具提示

Question

这与我之前的问题有关。当我将鼠标悬停在图像上时，我希望为我的图像动态显示 tool-tip 标题。我已经在我之前的问题中解释了这些关系。现在我想为这些图像添加数据工具提示。我的代码在

下面

  [
        'label' => 'Hazards',  
        'format' => 'raw',   
        'value' => function ($data) {
             $images = '';

    // append all images
            foreach($data->getPictogramName() as $name)     
                foreach ($data->getPictogramUrl() as $url)                   
                $images = $images.Html::img($url,['alt'=>'','width'=>'30','height'=>'30', 'data-toggle'=>'tooltip','data-placement'=>'left','title' => $name ,'style'=>'cursor:default;']);
            return $images;

        }
  ],

问题出在我循环遍历名称时。每个图像显示两次。有一些循环问题。 any1 可以帮我找到解决方案吗？谢谢

Answer 1

如果您的 url table 也有名字，那么您必须 return url 也有名字。

尝试像下面的代码片段那样修改您的 getPictogramUrl 函数。

public function getPictogramUrl()
{
    $url = [];
    foreach($this->getPictogramPath() as $path):
       $url[] = [\Yii::$app->request->BaseUrl.'/web'.$path,$this->name]; 
    endforeach;
    return $url; // returning al urls
}

那么在你看来

[
    'label' => 'Hazards',  
    'format' => 'raw',   
    'value' => function ($data) {

        $images = '';
        // append all images
        foreach($data->getPictogramUrl() as $url):
            $images = $images.Html::img($url[0],['alt'=>'','width'=>'30','height'=>'30', 'data-toggle'=>'tooltip','data-placement'=>'left','title' => $url[1],'style'=>'cursor:default;']);
        endforach; 
        return $images;
    },
],

网格视图中图像的 Yii2 数据工具提示

Yii2 data tool tip for images in a grid view

gridview

tooltip

yii2

yii2-basic-app