外观控制

 

◆ 利用tag属性改变按钮风格

<report:html name="report1"

srcType="file"

funcBarLocation="top"    //功能条的位置

reportFileName="api/wangge.rpx"

separator="|"        //功能按钮的分隔符

funcBarFontFace="黑体"  //功能按钮的字体

funcBarFontColor="red"    //功能按钮上的文字颜色

funcBarFontSize="12"    //功能按钮的字号

functionBarColor="white"  //功能按钮的背景色

/>

◆ 传入按钮的html语法

<%  //自定义图片按钮

String appmap = request.getContextPath();

String printImage = "<img src='" + appmap + "/images/print.gif' border=no >";    //打印

String excelImage = "<img src='" + appmap + "/images/excel.gif' border=no >";    //导出Excel

String pdfImage = "<img src='" + appmap + "/images/pdf.gif' border=no >";    //导出PDF

String firstPageImage = "<img src='" + appmap + "/images/firstpage.gif' border=no >";  //最前页

String lastPageImage = "<img src='" + appmap + "/images/lastpage.gif' border=no >";  //最后页

String nextPageImage = "<img src='" + appmap + "/images/nextpage.gif' border=no >";  //下一页

String prevPageImage = "<img src='" + appmap + "/images/prevpage.gif' border=no >";  //上一页

%>

<report:html name="report1"

srcType="file"

reportFileName="api/wangge.rpx"

printLabel="<%= printImage %>"

excelLabel="<%= excelImage %>"

pdfLabel="<%= pdfImage %>"

firstPageLabel="<%=firstPageImag%>"

prevPageLabel="<%= prevPageImage %>"

nextPageLabel="<%= nextPageImage %>"

lastPageLabel="<%= lastPageImage %>"

/>

◆ 自己设计按钮，调用js方法

 

//自定义图片按钮

<% 

String appmap = request.getContextPath();

String excelImage = "<img src='" + appmap + "/images/excel.gif' border=no >";//导出Excel

String csvImage = "<img src='" + appmap + "/images/csv.gif' border=no >";//导出CSV

String pdfImage = "<img src='" + appmap + "/images/pdf.gif' border=no >";//导出PDF

String ofdImage = "<img src='" + appmap + "/images/ofd.gif' border=no >";//导出OFD

String wordImage = "<img src='" + appmap + "/images/word.gif' border=no >";//导出Word

String pictureImage = "<img src='" + appmap + "/images/picture.gif' border=no >";//导出图片

String textImage = "<img src='" + appmap + "/images/text.gif' border=no >";//导出Text

String mhtImage = "<img src='" + appmap + "/images/mht.gif' border=no >";//导出mht

 

String printImage = "<img src='" + appmap + "/images/print.gif' border=no >";//预览打印

String directprintImage = "<img src='" + appmap + "/images/directprint.gif' border=no >";//直接打印

String flashprintImage = "<img src='" + appmap + "/images/flashprint.gif' border=no >";//flash预览打印

String directflashprintImage = "<img src='" + appmap + "/images/directflashprint.gif' border=no >";//flash直接打印

String pdfprintImage = "<img src='" + appmap + "/images/pdfprint.gif' border=no >";//PDF预览打印

String directpdfprintImage = "<img src='" + appmap + "/images/directpdfprint.gif' border=no >";//PDF直接打印

String localprintImage = "<img src='" + appmap + "/images/localprint.gif' border=no >";//本地预览打印

String localdirectprintImage = "<img src='" + appmap + "/images/localdirectprint.gif' border=no >";//本地直接打印

 

String firstPageImage = "<img src='" + appmap + "/images/firstpage.gif' border=no >";//最前页

String lastPageImage = "<img src='" + appmap + "/images/lastpage.gif' border=no >";//最后页

String nextPageImage = "<img src='" + appmap + "/images/nextpage.gif' border=no >";//下一页

String prevPageImage = "<img src='" + appmap + "/images/prevpage.gif' border=no >";//上一页

%>

<table width="100%">

<tr ><td style="font-size:12px" >

<a href="#" title="预览打印" onClick="printReport('report1');return false;"><%=printImage%></a>

<a href="#" title="直接打印" onClick="directPrintReport('report1');return false;"><%=directprintImage%></a>

<a href="#" title="flash预览打印" onClick="flashPrintReport('report1');return false;"><%=flashprintImage%></a>

<a href="#" title="flash直接打印" onClick="directFlashPrintReport('report1');return false;"><%=directflashprintImage%></a>

<a href="#" title="PDF预览打印" onClick="pdfPrintReport('report1');return false;"><%=pdfprintImage%></a>

<a href="#" title="PDF直接打印" onClick="directPdfPrintReport('report1');return false;"><%=directpdfprintImage%></a>

<a href="#" title="本地预览打印" onClick="localPrintReport('report1');return false;"><%=localprintImage%></a>

<a href="#" title="本地直接打印" onClick="localDirectPrintReport('report1');return false;"><%=localdirectprintImage%></a>

 

<a href="#" title="导出Excel" onClick="exportExcel('report1');return false;"><%=excelImage%></a>

<a href="#" title="导出Csv" onClick="exportCsv('report1');return false;"><%=csvImage%></a>

<a href="#" title="导出Pdf" onClick="exportPdf('report1');return false;"><%=pdfImage%></a>

<a href="#" title="导出Ofd" onClick="exportOfd('report1');return false;"><%=ofdImage%></a>

 

<a href="#" title="导出Word" onClick="exportWord('report1');return false;"><%=wordImage%></a>

<a href="#" title="导出图片" onClick="exportPicture('report1');return false;"><%=pictureImage%></a>

<a href="#" title="导出Text" onClick="exportText('report1');return false;"><%=textImage%></a>

<a href="#" title="导出Mht" onClick="exportMht('report1');return false;"><%=mhtImage%></a>

<a href="#" title="最前一页" onClick="try{toPage('report1',1);}catch(e){}return false;"> <%=firstPageImage%> </a>

<a href="#" title="上一页" onClick="try{prevPage('report1');}catch(e){}return false;"> <%=prevPageImage%> </a>

<a href="#" title="下一页" onClick="try{nextPage('report1');}catch(e){}return false;"> <%=nextPageImage%> </a>

<a href="#" title="最后一页" onClick="try{toPage('report1',getPageCount('report1'));}catch(e){}return false;"> <%=lastPageImage%> </a>

</td>

</tr>

</table>

 

◆ 用户自定义功能条

用户可能在报表界面中增加自己的功能按钮，而这些功能按钮如何与tag生成的按钮统一摆放呢？此时可以利用tag的userFuncBarElements属性。

<report:html name="report1"

......

userFuncBarElements="<table><tr><td><a href='#' onClick='test()'>测试</a></td></tr></table>"

/>

◆ 超链接显示风格

报表中经常用到超链接，对于有超链接的单元格，其外观是按照设计时单元格的外观还是自动变成蓝色+下划线？润乾报表的tag提供了属性配置：

<report:html name="report1"

......

needLinkStyle="yes"

/>

◆ 参考文件：

  1.1.3.jsp