PC端列表格式化应用,列表显示产品图片

无限深蓝

产品资料模块 或者合同产品列表模块，希望显示图片，可以在列表格式化中操作（列表事件----列内容格式化）

1. <div yne-bulb-block="code" data-theme="default" style="white-space:pre-wrap;" data-language="javascript">
   
2.                 (/**
   
3. * @param {} value 字段的值
   
4. * @param {} metaData 当前单元格的元数据的集合,可以渲染和修改。公认的属性有:tdCls、tdAttr、style。
   
5. * @param {} record 本行数据对象
   
6. * @param {} rowIndex 当前行索引
   
7. * @param {} colIndex 当前列的索引
   
8. * @param {} store 表格数据集
   
9. * @param {} view 当前视图
   
10. * @return {} HTML 展示出的HTML
    
11. */
    
12. function(value,metaData,record,rowIndex,colIndex,store,view){
    
13.    
    
14.     var grid = this,
    
15.     column = grid.columnManager.getHeaderAtIndex(colIndex);//当前列
    
16.     var css = [
    
17.       '.scaleImg:hover{transform: scale(3);}',
    
18.       '.prev:hover{transform:scale(8);}'
    
19.     ].join(' ');
    
20.     Ext.util.CSS.createStyleSheet(css,'pro-sale-header');
    
21.    if(JE.isNotEmpty(value)){
    
22.      var SP_CPTP = value.split("*")[1];
    
23. 
    
24.      
    
25.      return "<a href='#'><img class='pro-sale-header scaleImg'   src="+JE.getFileUrl(SP_CPTP)+"   style='width:60px;height:60px;' /></a>"
    
26.    }else{
    
27.      return value;
    
28.    }
    
29.    
    
30. }
    
31. 
    
32. )
    
33.               </div>

复制代码

admin

有效果图吗？

无限深蓝

应老师要求，专门弄了个效果图出来，以便同学查看