修改导出excel窗口样式的方法
一些客户要根据自己的需求调整导出excel对话框的样式,自己编辑导出excel对话框的html页面,下面就介绍一下自己修改导出excel对话框的方法,这里以去掉是否导出公式的提示为例。
第一步:找到jar包和html文件。
找到润乾应用的/web-inf/lib/下面的report4StaticHtml.jar,将jar包解压,找到jar包里面的excelPageStyle.html,具体位置见下图:
第二步:编辑html文件。
编辑上图的excelPageStyle.html文件,去掉如下一段代码:
<tr><td colspan=2 style=”padding-top:10px;font-size:14px;color:forestgreen;”>
<INPUT type=checkbox id=extFormula onclick=”if( this.checked ) formula=1;else formula=0;”> <script language=javascript>document.write( _excel_JJ );</script>
</td></tr>
修改后的html代码如下:
<!– 导出Excel文件的界面 –>
<script language=javascript>
//var _excel_font_f = “宋体“;
//var _excel_EE = “请选择分页方式:“;
//var _excel_FF = “不分页“;
//var _excel_GG = “分页“;
//var _excel_HH = “确定“;
//var _excel_JJ = “是否导出公式“;
_initExcelPageStyle();
document.body.bgcolor = “#ffe4e1″;
</script>
<table id=winsize width=230>
<tr><td colspan=2 style=”FONT-SIZE: 14px; COLOR: royalblue;”>
<script language=javascript>document.write( _excel_EE );</script>
</td></tr>
<tr style=”font-size:14px;color:forestgreen;”><td>
<INPUT onclick=”pageStyle=0;extFormula.disabled=false;” type=radio CHECKED name=pageStyle> <script language=javascript>document.write( _excel_FF );</script>
</td><td>
<INPUT onclick=”pageStyle=1;formula=0;extFormula.disabled=true;extFormula.checked=false;” type=radio name=pageStyle> <script language=javascript>document.write( _excel_GG );</script>
</td></tr>
<tr><td colspan=2 align=center style=”padding-top:12px”>
<INPUT onclick=myOk() type=button ID=”B_HH” style=”width:60px;height:22px”>
</td></tr>
</table>
<script language=javascript>
document.getElementById( “B_HH” ).value = _excel_HH;
</script>
保存上面的html,然后把这个html替换jar包里面原来的excelPageStyle.html。
第三步:查看效果。
重启润乾应用,然后随便找一张报表发布,点击导出excel按钮,可以看到导出excel的窗口发生变化了,具体的效果如下图所示:
这样修改导出excel窗口样式的需求就实现了。