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 οndblclick="insertHeader2Click(event)" οnclick="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 οnmοuseοver="copy2Clipboard(boxContents.innerHTML);"> [Copy to Clipboard]</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span οnmοuseοver="boxVisibility('hidden');" > [Close x&nbsp;]</span> </div> <div id="boxMessage" οnmοuseοver="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>