APEX 3.2上Interactive Report 的表头复制(2)(APEX设计画面截图)

（最近升级到APEX4.1.1了。这里的截图来自4.1.1，但是3.2上基本一样）

 

1. 上传Javascript到APEX。

Javascript作为一个静态文件保存到APEX.

Name                                      Mime Type                 Size  Application   Updated     Updated By
f104_insertheader.js application/octet-stream  8,964    107           5 days ago      SYS

这是个属于Application的文件（不属于Workspace)

 

2. 在使用该js的页上指定js的位置

HTML Header and Body Attribute

HTML Header
 

<script type="text/javascript" src="#APP_IMAGES#f104_insertheader.js"></script>

Page HTML Body Attribute
 

 

3. 在IR的Region上设定<div>块以及弹出用的Scrollbox

Header and Footer

Region Header
 

<div ondblclick="insertHeader2Click(event)" onclick="moveTo(event);">

Region Footer
 

</div><!-- Scroll Box Definition, Begin --><div id="scrollBox" style="position:absolute; background-color:lightBlue;border-width:5px; border-style:outset; visibility:hidden;"><div id="scrollBoxContents" style="width:300px; height:300px; overflow:auto;"></div> <!--end of scrollBoxContents--><div name="submenu" style="text-align:center; background-color:darkgray; color:white; cursor: hand;cursor:pointer; white-space:nowrap;"> <span onmouseover="copy2Clipboard(boxContents.innerHTML);"> [Copy to Clipboard]</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span onmouseover="boxVisibility('hidden');" > [Close x&nbsp;]</span></div><div id="boxMessage" onmouseover="javascript:this.style.visibility='hidden';" style="position:absolute; top:250px; left:30px; visibility:hidden; white-space:nowrap; background-color:darkgray; color:white; border-style:groove;"> [x] copy finished.</div></div> <!--end of scrollBox--><!-- Scroll Box Definition, End --><script type="text/javascript">// 2011/11/17... Working version. by Cho. InsertHeader via double click.var box = document.getElementById('scrollBox');var boxContents = document.getElementById('scrollBoxContents');var lineClickedB4 = 0; // remember which line is clicked before//--></script>