3.1 查询区表格生成工具

  表(TABLE)由行(TR)组成,行包含多个格(TD),一个格里包含一个或多个元素,怎样组织这些元素,可以有多种定义方式。我们做如下规定:
  a、一个格和内部的元素作为一个整体,这样有文本、输入框、按钮、列表等;
  b、一个格内包含多个元素的类型为元素组;
  c、可以将常用的组合单独作为一种类型,如日期(输入框+图片)
  d、隐含字段(不包含表格)和TR也作为特殊的类型。
  使用方法:
  JspDefaultQryTableManager jspDefaultQryTableManager = new JspDefaultQryTableManager(out,request);//建立一个生成类
  tableCell = jspDefaultQryTableManager.createTextTableCell("起始监控时间: ");//生成文本
  tableCell.setTdPropertyValue("width","13%");//设置表格数据宽度
  tableCell.setTdPropertyValue("align","right");//设置表格数据对齐方式

  tableCell = jspDefaultQryTableManager.createTableCell("Date_start",Date_start,TableCell.INPUT_TEXT_DATE);
  tableCell.setTdPropertyValue("width","20%");//设置表格数据宽度
  tableCell.setTdPropertyValue("align","left");//设置表格数据对齐方式
  tableCell.setInputTextDate(TableCell.INPUT_TEXT_DATE_FORMAT_DATE);

  tableCell = jspDefaultQryTableManager.createTextTableCell("监控方: ");
  tableCell.setTdPropertyValue("width","10%");//设置表格数据宽度
  tableCell.setTdPropertyValue("align","right");//设置表格数据对齐方式
 
  tableCell = jspDefaultQryTableManager.createTableCell("SendReceive",SendReceive,TableCell.SELECT_OPTION);
  tableCell.setTdPropertyValue("width","20%");//设置表格数据宽度
  tableCell.setTdPropertyValue("align","center");//设置表格数据对齐方式
  tableCell.addSelectOption("","请选择");//设置列表的选项
  tableCell.addSelectOption("1","外网");//设置列表的选项
  tableCell.addSelectOption("2","内网");//设置列表的选项
  jspDefaultQryTableManager .outHtml();// 输出数据

 

  函数说明:

  /**
   * 建立一个TableCell
   * @param name            字段名
   * @param value           字段值
   * @param displayType     显示类型
   * @return                TableCell
   * @throws java.lang.Exception
   */
  public TableCell createTableCell(String name,Object value,int displayType) throws Exception

  生成的页面为:

<table class="qryTABLE" width="100%">
<tr><td class="qryTD" width="13%" align="right">
起始监控时间:&nbsp;</td>
<td class="qryTD" width="20%" align="left">
<input type="text" name="Date_start" value="20001212" class="qryInputText" size="8" maxlength="8"><img src="/resource/image/calendar.gif" align="absmiddle" οnclick="javascript:setday(this,document.all.Date_start,document.all.Date_start, 'DAY')">
</td>
<td class="qryTD" width="10%" align="right">
监控方:&nbsp;</td>
<td class="qryTD" width="20%" align="center">
<select name="SendReceive" class="qrySelectOption" style="width:100%">
<option value="">请选择</option>
<option value="1" selected>外网</option>
<option value="2">内网</option>
</select>
</td>
</tr>
</table>

  可以看到属性有一部分是默认的,根据生成类JspDefaultQryTableManager的不同,默认属性可以不同。
  如果仅仅从这个例子看,并没有明显的优势,这个只是一个基础,它规范了数据,将html编程变成简化成功能简单的属性设置,结构上改进不少,而且功能可以随着JspDefaultQryTableManager类的提高而提高,程序可以不变,因此以后的维护和迁移将方便很多。

发布了36 篇原创文章 · 获赞 4 · 访问量 2万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章