java 加载ui组件,在JSP页面中使用UI组件

JSF提供HTML和Core两个定制标记库,用于快速构建Web应用程序。HTML库包含表示UI组件的标记,如按钮、表单、图像等,而Core库则涉及事件处理器和验证器。开发者在JSP页面中使用这两个库,通过taglib指令引入。本文列举了HTML库中的25个标记,包括数据列、按钮、表单、图像、消息显示等组件,用于布局和交互。
摘要由CSDN通过智能技术生成

JSF提供两个定制标记库来帮助用户快速编写Web应用程序:HTML和Core。HTML定制标记库定义了用来表示UI组件的标记。Core定制标记库使用具有组件的验证器(validators)定义了注册事件处理器的核心行动,以及其他一些行动。你可以在自己的JSF应用程序的JSP页面中使用这两个库的标记。

为了在JSP页面中使用HTML和Core定制标记库,必须在页面中包含如下所示的taglib指令:

/jsf/html/" prefix="h" %>

jsf/core/" prefix="f" %>

Prefix的属性值可以是任意值。但是,根据惯例,最好是使用"h"和"f"。

在JSF应用程序中编写JSP页面是每一个页面制作者的责任。除了布置组件之外,他们的责任还包括把组件绑定到模型对象数据并且把Core标记(诸如事件监听器和验证器)添加到组件标记中。

在HTML定制标记库中有25个标记。每个组件都呈现为一个HTML元件,而多个标记被呈现为同一个HTML元件。表1列出了HTML定制标记库中的标记。

1

4f1150b881333f12a311ae9ef34da474.png

标记 说明

2

4f1150b881333f12a311ae9ef34da474.pngColumn 在UIData组件内表示一个数据列。

3

4f1150b881333f12a311ae9ef34da474.pngcommand_button 表示一个向服务器提交表单的按钮。

4

4f1150b881333f12a311ae9ef34da474.pngcommand_link 表示一个指向另一页面或者本页面内其他位置的超链接。

5

4f1150b881333f12a311ae9ef34da474.pngdata_table 表示一个支持将数据绑定到一个数据对象的集合上的表。

6

4f1150b881333f12a311ae9ef34da474.pngForm 表示一个表单。

7

4f1150b881333f12a311ae9ef34da474.pnggraphic_image 显示一张图片。

8

4f1150b881333f12a311ae9ef34da474.pnginput_hidden 表示一个隐藏的元件。

9

4f1150b881333f12a311ae9ef34da474.pnginput_secret 表示一个密码输入框。

10

4f1150b881333f12a311ae9ef34da474.pnginput_text 表示一个可接受单个字符串的文本输入框。

11

4f1150b881333f12a311ae9ef34da474.pnginput_textarea 表示一个可接受多个字符串的文本输入区。

12

4f1150b881333f12a311ae9ef34da474.pngMessage 显示给定组件的信息。

13

4f1150b881333f12a311ae9ef34da474.pngMessages 表示一个从FacesContext中获取消息并且将其显示给用户的组件。

14

4f1150b881333f12a311ae9ef34da474.pngoutput_label 显示文本。

15

4f1150b881333f12a311ae9ef34da474.pngoutput_link 显示一个超链接。

16

4f1150b881333f12a311ae9ef34da474.pngoutput_message 显示给定组件的信息。

17

4f1150b881333f12a311ae9ef34da474.pngoutput_text 显示一行文本。

18

4f1150b881333f12a311ae9ef34da474.pngpanel_grid 显示一张表。

19

4f1150b881333f12a311ae9ef34da474.pngpanel_group 将一个组件集合分组。

20

4f1150b881333f12a311ae9ef34da474.pngselectboolean_checkbox 表示一个单选文本框。

21

4f1150b881333f12a311ae9ef34da474.pngselectmany_checkboxlist 显示一套复选框,用户从中可以选择多个值。

22

4f1150b881333f12a311ae9ef34da474.pngselectmany_listbox 表示一个多选下拉选择框,用户从中可以选择多个项目。

23

4f1150b881333f12a311ae9ef34da474.pngselectmany_menu 表示一个多选项目列表,用户从中可以选择多个项目。

24

4f1150b881333f12a311ae9ef34da474.pngselectone_listbox 表示一个单选下拉选择框,用户从中只能选择一个项目。

25

4f1150b881333f12a311ae9ef34da474.pngselectone_menu 表示单选项目列表,用户从中只能选择一个项目。

26

4f1150b881333f12a311ae9ef34da474.pngselectone_radio 表示一套单选按钮。

27

4f1150b881333f12a311ae9ef34da474.png

表1. HTML定制标记库

posted on 2006-09-28 10:29 土牛小屋 阅读(1563) 评论(0)  编辑  收藏 所属分类: jsf技术

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值