jeecg 动态报表添加图片

主要修改模板如下:

 

     <#if x['field_type'] == "image">
                             formatter:function(value,rec,index){
                                 var img='';
                                 img+=applyImg('${x['field_type']}',value,rec,index);
                                 return img;
                             },
  </#if>

 

 

 

加载到:$(function(){$('#${config_id}List').datagrid(
    {
    idField: 'id',
    title: '${config_name}',
    url:'cgReportController.do?datagrid&configId=${config_id}',
    fit:true,
    fitColumns:false,
    pageSize: 10,
    pagination:true,
    pageList:[10,30,50,100],
    singleSelect:true,
    checkbox:false,
    sortOrder:'asc',
    rownumbers:true,
    showFooter:true,
    frozenColumns:[[]],
    columns:[
        [            <#if (config_fieldList?size>0)>
                    <#list config_fieldList  as x>  
                         <#if x_has_next>
                        {field:'${x['field_name']}',
                         title:'${x['field_txt']}',
                          <#if x['field_href'] != "">
                             formatter:function(value,rec,index){
                                 var href='';
                                 href+=applyHref('字段链接','${x['field_href']}',value,rec,index);
                                 return href;
                             },
                          </#if>
                         
                          <#if x['field_type'] == "image">
                             formatter:function(value,rec,index){
                                 var img='';
                                 img+=applyImg('${x['field_type']}',value,rec,index);
                                 return img;
                             },
                          </#if>
                         
                         <#if x['is_show'] == "N" >hidden:true,</#if>
                         width:80},
                        <#else>
                        {field:'${x['field_name']}',title:'${x['field_txt']}',width:80}
                          </#if>
                    </#list>
                    </#if>
        ]
    ],
    onLoadSuccess:function(data){$("#${config_id}List").datagrid("clearSelections");},
    onClickRow:function(rowIndex,rowData)
        {rowid=rowData.id;gridname='${config_id}List';}
    });

 

///添加图片

function applyImg(src,value,rec,index){
        //addOneTab(tabname,src);
        var hrefnew = src;
        var re = "";
        var p1 = /\#\{(\w+)\}/g;
        try{
            var vars =hrefnew.match(p1);
            for(var i=0;i<vars.length;i++){
                var keyt = vars[i];
                var p2 = /\#\{(\w+)\}/g;
                var key = p2.exec(keyt);
                 hrefnew =  hrefnew.replace(keyt,rec[key[1]]);
            }
        }catch(ex){
        }

        re +="<img src='"+value+"' style='width:80px;height=60px;'/>"
        return re;
    }

posted @ 2015-12-09 14:25  R142857  阅读(625)  评论(0)    收藏  举报