EasyUI format 图片的问题

简介: 需求:在easyUI的datagrid列表里有一个字段里面的图片存的是***.jpg,***.jpg 等格式的图片,现在要实现在列表点击查看每一张图片,效果实现是这样的。

需求:在easyUI的datagrid列表里有一个字段里面的图片存的是***.jpg,***.jpg 等格式的图片,现在要实现在列表点击查看每一张图片,效果实现是这样的


20180724190744862.png


只需要对该列加一个format函数即可代码


<th data-options="field:'img',width:120,align:'left',formatter:HongBai.formatPic">上传凭证</th>


format函数


//格式化多图片链接
    formatPic: function (val, row) {
      var pics=new Array()
        if (val) {
          pics=val.split(",");
          var html="<li style=\"list-style-type:none;float:left\">"
          for(i=0;i<pics.length;i++){
            html+= "<a href='" + pics[i] + "' target='_blank' style=\"text-decoration:none\">查看</a>";                     
            html+="</li>&nbsp"; 
          }
          return html;
        }
        return "";
    }
相关文章
|
JavaScript 前端开发 安全
扩展EasyUI在页面中马上显示选中的本地图片
在编写前台页面的时候,有时须要将选中的图片夹杂着其它信息一起上传到服务端,在选着本地图片的时候,为了获得更好的效果,须要将该图片显示在页面上。
2428 0