9.2.查询模版
A).最简单的报表, 单个层
这是最简单的情形, 生成单个, 主体是 <Table> , 并再在外部包绕一层 <div>
<div>
<Table>
...
</Table>
</div>
您只要使用 <!--SUPCAN_REPORT_dMain--> 占位符即可.
如果数据行数较多、你希望 html 自动能实现报表的表头冻结、左侧某些列冻结,那么必须用到其它几个占位符了.
B).2个层
生成 2 个层:表头和表体,表头是固定的 (冻结),表体可以上下滚动, 您需要包含 SUPCAN_REPORT_dTitle 和 SUPCAN_REPORT_dMain 占位符.
C).5个层
这是最复杂的情形,除了有表头,还可以让左侧的某些列固定在左侧, 生成的报表的 5 个 div 区域, 如图:
为了让生成的这些 div 层的 id 不和您的页面元素同名,您还可以指定其名称,比如:
<!--SUPCAN_REPORT_dTitle id="supcanTitle"-->
表示标题 div 层的 id 是"supcanTitle".
2个层和5个层的报表, 会包含2个js函数: supcan_Resize( ) 函数、supcan_ScrollMain( ) 函数,那么该占位符表示将动态生成的js函数安置到此处.
supcan_Resize( ) 函数的作用
用于动态控制 dMain 层的高度和宽度(5层时),让 dMain 层自动浮现或隐藏垂直滚动条和水平滚动条(5层时), 函数的调用时机是在容器尺寸变化时,比如:
<body onresize="supcan_Resize()" onLoad="supcan_Resize()" leftmargin="0" topmargin="0">
supcan_ScrollMain( ) 函数的作用
用于5层的情形:当拖动 dMain 层垂直或水平滚动时,让 dLeft、dHead 层动态改变其位置,使其能和 dMain 层保持同步,这个函数不需要您再外部调用,我们生成的 dMain 层会调用该函数的:
<div id="dMain" onscroll="supcan_ScrollMain()">
...