参数报表使用自定义的CSS样式
一.需求描述
我们通常会在设计报表的时候给报表设计一些样式,让报表更完美的与应用集合,当我们展示到页面上对于报表、报表组等在页面中可以通过设置CSS样式,来改变默认的样式。而参数报表中的输入控件因为现在的编辑框默认会生成一些样式,所以自己定义的CSS无法生效。
二.解决思路
使用needInputCssStyle属性,在生成参数表单时,对input元素是否生成与单元格一样的cssStyle样式来解决。
三.实现步骤
1.更新最新的report4.jar和quieeReport4.tld到自己的应用中。
2.在showReport.jsp中加入如面下所示的CSS样式:
<style type=”text/css”>
.findstyle input[type='text']{ height:23px; border: none; background-color:#FFF;line-height:23px;}
</style>
3. 在param标签中增加了一个属性needInputCssStyle=”no”
4.对比一下设置了该属性后,参数报表中的编辑框的样式变化。图1是,默认的参数报表编辑框的样式,图2是修改后的参数报表编辑框的样式。
四.需求总述
通过在param标签中增加了一个属性,needInputCssStyle,生成参数表单时,取值为yes或no,缺省为yes,当我们想使用自定义的样式时,该属性值需设定为no,如本地所示;通过该属性,客户可以根据自己的需要,对于参数报表中的编辑框加载不同的样式。