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" οnclick="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参数是应用的名称。
    这段代码比较完整，你可以作为学习直接下载使用。