A-web报表工具

润乾报表在web端是以纯html方式发布的。润乾提供一系列的tag标签来发布报表，用户通过定义Tag标签的属性及其值，在不需要调用润乾API情况下，就可以完成报表的解析及运算，并按用户配置的属性要求将HTML文件流输出到客户端。本文主要介绍tag标签中常用的两个属性–width和height。

对于过长或过宽的浏览式报表，通常需要将其按照一定标准进行纵向或横向分页，这时就要用到报表分页高度height和报表分页宽度width这两个属性。其值为整数，单位是px，负数表示无穷大即不分页，一般用-1表示。

对于过宽报表，在发布报表的<report:html ……/>中设置width属性的值为-1，即横向不分页，效果如下图所示：

同样的报表，将width属性值设置为200，即报表分页宽度为200px，效果如下图所示：

对于过长报表，在发布报表的<report:html ……/>中设置height属性的值为-1，即纵向不分页，效果如下图所示：

同样的报表，将height属性值设置为100，即报表分页高度为100px，效果如下图所示：

可见，通过对width和height两个属性值的设定，就可以灵活的根据需要控制报表展现时是否分页以及分页时的高度和宽度了。

值得注意的是，在 报表属性-打印 里面有纸张方向的设定，如下图

上文中所述的height属性代表报表分页高度、width属性代表报表分页宽度均指此处纸张方向设置为纵向的情况。若此处的纸张方向设置为横向，则两属性相反，即纸张方向为横向的情况下，height属性代表的就是报表分页宽度、width属性代表的就是报表分页高度了。（这里的高和宽指的是按照用户正常面对电脑屏幕时的视野，横向时实际就是相当于用户将头左转90度看到的视野）
引自：润乾报表知识库
相关文章：利用超链接传递下拉数据集的值；特殊符号的处理；如何使用序号函数给报表加序号；动态设置滚动条高度宽度的方法

如果报表数据量很大，行、列都很多，在WEB页面输出的时候，需要固定报表表头，设置横向、纵向滚动条，通过拖动滚动条来查看报表。但是，当报表输出的标签中滚动条的宽度、高度都是固定值，不能设置成页面宽度高度的百分比，这样由于不同的客户端的分辨率可能不一样，报表展现出来的效果就不一样。对于分辨率小的机器，在页面上看不到滚动条，分辨率大的机器，滚动附近会留出了很大的空白，页面不美观，影响用户体验。 如下图：

原来报表展现页面中报表输出标签设置滚动条的代码是

<report:html name=”report1″ reportFileName=”<%=raqpath%>”
…
needScroll=”yes”
scrollWidth=”300″
scrollHeight=”200″
…
/>

润乾报表提供了灵活的动态设置滚动条高度、宽度的解决方法，如下

首先，加一个redirect.jsp页面，里面加入一个js函数，来获取客户端浏览器窗口的大小

<SCRIPT>
var w = 0;
var h = 0;
//通过深入Document内部对body进行检测，获取浏览器窗口大小
if(document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth){
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
w = 1259 ;
h = 632 ;
}
//重定向到报表所在的jsp页面，并且把客户端浏览器宽度、高度，作为参数传递给报表所在的jsp页面
window.location.href=”<%=path%>/mis2/reportcenter/res/showReport.jsp?<%=param%>&w=”+w+”&h=”+h ;
</SCRIPT>

然后，在展现报表的jsp页面上，增加如下代码来获取浏览器的宽度、高度

String w = request.getParameter(”w”) ;
String h= request.getParameter(”h”) ;

最后，在报表输出的标签中，设置动态获取滚动条的宽度和高度

<report:html name=”report1″ reportFileName=”a.raq”
funcBarLocation=””
params=”<%=param.toString()%>”
needScroll=”yes”
scrollWidth=”<%=w%>” //动态设置滚动条宽度、高度
scrollHeight=”<%=h%>”
/>

现在报表展现如下：

这样，我们就实现了根据客户端浏览器窗口大小，对固定表头报表自动设置滚动条高度、宽度，使用户体验大大提升。
引自：润乾报表知识库
相关文章：显示值or真实值？——谈谈导出excel的数据显示; 可树形展开的折叠报表的制作；横向分页报表的标题切分；用润乾报表轻松实现动态排序；Tag after 动态, 固定表头, 宽度, 滚动条, 高度