当前位置: 代码迷 >> Java Web开发 >> easyui datagrid控制图片大小疑点
  详细解决方案

easyui datagrid控制图片大小疑点

热度:63   发布时间:2016-04-14 21:10:23.0
easyui datagrid控制图片大小问题
      在使用 <img>表浅时,无论多大的图片,通过如下控制
         <img src="..." style="width:100px;height:100px;" /> 
      就可以使图片能够以100*100完整的压缩显示在网页中了
     但是使用easyui时候,如下:
         {field:'image',title:'广告图片',align:'center',width:160,height:100,
             formatter:function(value){//使用formatter格式化刷子
                     if(value!="" && value!=null){
                   var basePath="http://localhost:8080/fsxww/upload/lbt/"+value;
                   return '<img src="'+basePath+'",width:"'+160+'",height:"'+100+'"/>';
                  }
              }},
      这时候对图片设置的宽和高 是完全不起作用的,图片还是会以本身的大小显示在表格中,请问这是为什么啊,该如何解决?请easyui方面比较熟悉的人解答,谢谢啦!!

------解决思路----------------------
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=\"../images/zhanwu.jpg\"/>";
     }else{
str = "<img style=\"height: 80px;width: 150px;\" src=\""+value+"\"/>";     
     }
     return str;
}},

我是这样写的 没有问题
  相关解决方案