请问如何在easyui的datagrid某一列显示图片

时间:2021-03-05 19:27:48
easyui里面相应列为
{field:'image',title:'礼品图片',width:150,height:80,align:'left',
formatter:function(value, rec){//使用formatter格式化刷子
return '<img src='+value+'/>';

}},
其中,image保存的是图片路径,但是无法显示,请人回答下,谢谢

7 个解决方案

#1


js部分:
function imgFormatter(value,row,index){
     if('' != value && null != value)
       value = '<img style="width:30px; height:30px" src="' + value + '">';
       return  value;
     }

显示部分
<th data-options="field:'kitchenUrl',width:40, formatter: imgFormatter">照片</th>

#2


@Zhui_Shi 不行啊,在jsp里面根本识别不了easyui标签,这个该怎么解决
请问如何在easyui的datagrid某一列显示图片

#3


@Zhui_Shi 不行啊,在jsp里面根本识别不了easyui标签,这个该怎么解决
请问如何在easyui的datagrid某一列显示图片

#4



{
field : 'imagePath',
title : '图片',
align : 'center',
width : 250,
formatter:function(value,row){
     var str = "";
     if(value!="" || value!=null){
     str = "<img style=\"height: 80px;width: 150px;\" src=\""+value+"\"/>";
                                        return str;
     }
}},

#5


return "<img src='"+basePath+"/img/attachment_green.png' width='20px' height='20px'/>";
basePath 是jsp上自定义的本服务器路径

#6


@scubers  :受你的启发,这块问题解决了,是相对路径的问题。

#7


a1091220321:那要怎么样去改相对路径啊????求解!!

#1


js部分:
function imgFormatter(value,row,index){
     if('' != value && null != value)
       value = '<img style="width:30px; height:30px" src="' + value + '">';
       return  value;
     }

显示部分
<th data-options="field:'kitchenUrl',width:40, formatter: imgFormatter">照片</th>

#2


@Zhui_Shi 不行啊,在jsp里面根本识别不了easyui标签,这个该怎么解决
请问如何在easyui的datagrid某一列显示图片

#3


@Zhui_Shi 不行啊,在jsp里面根本识别不了easyui标签,这个该怎么解决
请问如何在easyui的datagrid某一列显示图片

#4



{
field : 'imagePath',
title : '图片',
align : 'center',
width : 250,
formatter:function(value,row){
     var str = "";
     if(value!="" || value!=null){
     str = "<img style=\"height: 80px;width: 150px;\" src=\""+value+"\"/>";
                                        return str;
     }
}},

#5


return "<img src='"+basePath+"/img/attachment_green.png' width='20px' height='20px'/>";
basePath 是jsp上自定义的本服务器路径

#6


@scubers  :受你的启发,这块问题解决了,是相对路径的问题。

#7


a1091220321:那要怎么样去改相对路径啊????求解!!