3.5 伸縮區域生成工具

    查詢區域是輸入條件的，查詢的結果顯示在數據區（當然也可以採用彈出窗口），有時爲了數據區域能大點，查詢區域可以收起，這樣就用到伸縮區域生成工具。
    查詢區表格生成工具可能有多個，這樣就需要一個容器生成工具，它能包含多個表生成工具。
    下面是應用的例子：
    //隱藏查詢表按鈕JspQryExpandSpanManager
    JspQryExpandSpanManager qryExpandSpanManager = new JspQryExpandSpanManager(out,request);
    qryExpandSpanManager.addManager(jspDefaultQryTableManager);
    qryExpandSpanManager.outHtml();// 輸出數據
    addManager方法可以多次調用，容器內的表格都在伸縮區域內。
   
    伸縮區域的生成代碼：
    <span id="PAC_ID_qryArea">
    .....若干代碼
    </span>
    <TABLE width="100%" height=4 border=0 cellpadding=0 cellspacing=0>
    <tr>
    <td bgcolor="#f4f4f4" align="center">
    <A style="CURSOR: hand" onclick="PAC_switchUpArea(document.all.PAC_ID_qryArea,this,'PAC_qryArea')">
    <IMG src="/resource/image/UpMoveBar.jpg" border=0></A></td>
    </tr>
    </TABLE>
    相關的js函數：    
向上收起
function PAC_switchUpArea(spanName,display,curSpanName){
  if(spanName.style.display=='none'){
    spanName.style.display='';
    display.innerHTML="<img src='"+PPV_appName+"resource/image/UpMoveBar.jpg' border='0'>";
    FOM_getFormObj().elements[curSpanName].value="true";
  }else{
    spanName.style.display='none';
    display.innerHTML="<img src='"+PPV_appName+"resource/image/DownMoveBar.jpg' border='0'>";
    FOM_getFormObj().elements[curSpanName].value="false";
  }
}
向下放開
function PAC_switchDownArea(spanName,display,curSpanName){
  if(spanName.style.display=='none'){
    spanName.style.display='';
    display.innerHTML="<img src='"+PPV_appName+"resource/image/DownMoveBar.jpg' border='0'>";
    FOM_getFormObj().elements[curSpanName].value="true";
  }else{
    spanName.style.display='none';
    display.innerHTML="<img src='"+PPV_appName+"resource/image/UpMoveBar.jpg' border='0'>";
    FOM_getFormObj().elements[curSpanName].value="false";
  }
}
PPV_appName參數是應用的名稱。
    這段代碼比較完整，你可以作爲學習直接下載使用。