为表格显示定义自定义标记3
2005-09-29 11:14
351 查看
表格屏幕快照示例
注意: 在 JSP 页中,包含用于设置 action 名的隐藏参数
请求处理类还必须用从 request 对象中读取的参数值设置会话变量
要创建查看搜索结果的简单表格显示,使用以下属性文件:
TableHeaderDisplay.properties (为方便观看,将一行代码显示为多行):
TableValueDisplay.properties (为方便观看,将一行代码显示为多行):
图 1 展示了该视图。
图 1. 搜索结果
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_1.jpg)
要创建列类型为 href 的表格显示,使用以下属性文件:
TableHeaderDisplay.properties (为方便观看,将一行代码显示为多行):
TableValueDisplay.properties (为方便观看,将一行代码显示为多行):
显示带有 href 列的表格时(请参阅 图 2),
用户单击 href 链接会调用下面的 JavaScript 函数:
对于
图 2. 带有 href 列的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_2.jpg)
要创建列类型为选择框的表格,使用以下属性文件。
TableHeaderDisplay.properties(为方便观看,将一行代码显示为多行):
TableValueDisplay.properties (为方便观看,将一行代码显示为多行):
用户单击选择框,会调用下面的 JavaScript 函数。这个函数根据用户是选择还是取消选择选择框,将
图 3 显示了一个带有选择框的表格。用户可以选择任意数量的记录并在一个操作中全部删除。请求处理类读取
可以从 request 对象中读取所选的选择框的索引值
图 3. 带有选择框列的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_3.jpg)
要创建一个带有单选按钮列的表格显示(请参阅 图 4),要使用下面的属性文件:
TableHeaderDisplay.properties(为方便观看,将一行代码显示为多行):
TableValueDisplay.properties (为方便观看,将一行代码显示为多行):
用户单击一个单选按钮,会调用下面的 JavaScript 函数。
对于
可以从 request 对象中读取所选的单选按钮索引:
图 4. 列为单选按钮的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_4.jpg)
要创建列类型为文本框/组合框的表格显示(请参阅 图 5),使用下面的属性文件:
TableHeaderDisplay.properties (为方便观看,将一行代码显示为多行):
TableValueDisplay.properties (为方便观看,将一行代码显示为多行):
TableValueDisplay.properties 文件包含组合框的会话属性键(
请求处理类从 reqeust 中读取参数值,如下所示:
图 5. 列为文本框/组合框的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_5.jpg)
结束语
在本文中,介绍了如何为带有不同 html 控件的表格数据显示创建自定义标记,包括 href、选择框、单选按钮、文本框和组合框。对于有许多 JSP 页的复杂应用程序,用这种表格标记可以减少编码量和维护工作。
注意: 在 JSP 页中,包含用于设置 action 名的隐藏参数
jspMode。请求处理类必须将 action 名设置到
jspMode会话变量中,这样表格标记才可以用它来跟踪用户操作。
jspMode。
TableHeaderDisplay.properties (为方便观看,将一行代码显示为多行):
图 1. 搜索结果
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_1.jpg)
要创建列类型为 href 的表格显示,使用以下属性文件:
TableHeaderDisplay.properties (为方便观看,将一行代码显示为多行):
HeaderDisplay属性包含
Employee No:150:href项,用于设置到 Employee No. 列的链接。
用户单击 href 链接会调用下面的 JavaScript 函数:
Employee No:111111,
handleTableLink(0)调用上面的函数。这个函数用所选的 href 链接的索引设置表单变量
iTableLink,
jspMode标识了用户操作,如保存、更新或者删除。要得到相应 href 的细节,使用
iTableLink值。
iTableLink表示值对象的索引。(表格数据来自会话,它以值对象的 vector 的形式存储在会话中)。
图 2. 带有 href 列的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_2.jpg)
要创建列类型为选择框的表格,使用以下属性文件。
TableHeaderDisplay.properties(为方便观看,将一行代码显示为多行):
HeaderDisplay属性包含
Delete:20:checkbox:chkDeleteentry,以显示选择框。
用户单击选择框,会调用下面的 JavaScript 函数。这个函数根据用户是选择还是取消选择选择框,将
hdchkDelete设置为 On 或者 Off。
hdchkDelete的参数值。如果相应的选择框的值为 On,那么它就删除这个记录。
可以从 request 对象中读取所选的选择框的索引值
String[] values = request.getParameterValues("hdchkDelete");。
图 3. 带有选择框列的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_3.jpg)
要创建一个带有单选按钮列的表格显示(请参阅 图 4),要使用下面的属性文件:
TableHeaderDisplay.properties(为方便观看,将一行代码显示为多行):
HeaderDisplay属性包含
Select:50:radio:rdInclude项,以显示单选按钮。
用户单击一个单选按钮,会调用下面的 JavaScript 函数。
Employee No:111111,
handleTableRadioCtrl ('0')调用上面的函数。这个函数用所选的单选按钮的索引设置表单变量
iTableLink。要得到相应记录的细节,使用
iTableLink值。
iTableLink表示值对象的索引。(表格数据来自会话,它以值对象的 vector 的形式存储在会话中)。
可以从 request 对象中读取所选的单选按钮索引:
String selectedIndex = request.getParameter("iTableLink");。
图 4. 列为单选按钮的表格
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_4.jpg)
要创建列类型为文本框/组合框的表格显示(请参阅 图 5),使用下面的属性文件:
TableHeaderDisplay.properties (为方便观看,将一行代码显示为多行):
HeaderDisplay属性包含以下项以显示文本框和组合框:
First Name:150:textbox:FirstName用于文本框项
Sex:80:combo:sex用于组合框项
TableValueDisplay.properties 文件包含组合框的会话属性键(
Sex),它在表格数据会话属性键(
EmployeeSearchResults)后面。
请求处理类从 reqeust 中读取参数值,如下所示:
![](http://www-128.ibm.com/developerworks/cn/java/wa-custmtag/screen_5.jpg)
![]() |
在本文中,介绍了如何为带有不同 html 控件的表格数据显示创建自定义标记,包括 href、选择框、单选按钮、文本框和组合框。对于有许多 JSP 页的复杂应用程序,用这种表格标记可以减少编码量和维护工作。
相关文章推荐
- 为表格显示定义自定义标记1
- 为表格显示定义自定义标记2
- 实现中等难度通讯录。需求: 1、定义联系人类AddressContact。实例变量:姓名(拼音,首字母大写)、性别、电话号码、住址、分组名称、年龄。方法:自定义初始化方法(姓名、电话号码)、显示联系人
- 当对象内文本溢出时显示省略标记 使文字换了行,解决了把div表格撑的很大的问题
- 自定义绘制android EditText的背景,定义EditText文字的显示样式
- C# WinForm开发系列之chart控件画折线图和柱形图并自定义鼠标移动到数据标记点显示提示信息
- jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
- 自定义表格标签 JDBC查询时的显示转换
- 自定义窗口大小并且让定义在自定义窗口的什么位置显示,窗口可以拖动。
- 源码变换 超文本标记语言(即HTML),是用于描述网页文档的一种标记语言。 HTML通过文本来描述文档显示出来应该具有的“样子”。它主要通过标签来定义对象的显示属性或行为。
- //实现中等难度通讯录。需求: //1、定义联系人类Contact。实例变量:姓名(拼音,首字母大写)、性别、电话号码、住址、分组名称、年龄。方法:自定义初始化方法(姓名、电话号码)、显示联系人信息
- 在一个datagridview中显示一个自定义的表格
- 定义Table时显示表格边框显示1px
- 如何自定义gridview的表格显示?
- WMS系统开发总结-自定义菜单或者显示的表格名字
- Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"\@"
- jquery的表格控件jqGrid对自定义json数据的显示补丁
- 实现中等难度通讯录。需求: 1、定义联系人类AddressContact。实例变量:姓名(拼音,首字母大写)、性别、电话号码、住址、分组名称、年龄。方法:自定义初始化方法(姓名、电话号码)、显示联系人
- 使用tag标记嵌套显示表格
- android开发 百度地图3.0以上版本,显示自定义标记图标