参数报表使用自定义的CSS样式

来源:互联网 发布:java基础数据类型 编辑:程序博客网 时间:2024/05/19 16:35


一.需求描述

我们通常会在设计报表的时候给报表设计一些样式,让报表更完美的与应用集合,当我们展示到页面上对于报表、报表组等在页面中可以通过设置CSS样式,来改变默认的样式。而参数报表中的输入控件因为现在的编辑框默认会生成一些样式,所以自己定义的CSS无法生效。

二.解决思路

使用needInputCssStyle属性,在生成参数表单时,对input元素是否生成与单元格一样的cssStyle样式来解决。

三.实现步骤

1.更新最新的report4.jar和runqianReport4.tld到自己的应用中。

2.在showReport.jsp中加入如面下所示的CSS样式:

<styletype="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,如本地所示;通过该属性,客户可以根据自己的需要,对于参数报表中的编辑框加载不同的样式。