JSF标签学习总结上

---

输出类

①outputLink

超链接

<!-- 超链接，#中填写目标视图 -->            <h:outputLink value="#">                <h:outputText value="Link To Welcome" />                <f:param name="name" value="MyName"></f:param>            </h:outputLink>

②outputLabel

生成文字标签，用处不大

<h:outputLabel for="name" value="姓名：" />

③outputText

输出文字

<!-- 输出# --><h:outputText value="#"></h:outputText>

④outputFormat

文字格式化

<!-- 输出格式化 -->            <h:outputFormat value="{0},My name is {1}">                <f:param value="Hello" />                <f:param value="Zwq" />            </h:outputFormat>            <!-- 显示结果为“Hello,My name is Zwq” -->

---

输入类

inputText、inputTextarea、inputSecret、inputHidden使用方法都是一样的，拿一个举例

<h:inputText id="name" value="#{user.name }" /><!-- 把输入的信息放入user对象的name变量中,user已经在faces-config配置文件中配置好了 -->

---

命令类

①commandButton

实际上就是按钮，和html中的submit很像

<h:commandButton value="送出" action="#{user.verify }">                <f:param name="name" value="1"></f:param>            </h:commandButton>            <!-- action表示表单提交后执行的user对象的verify方法，并可以传递参数，参数的形式为...?name=1 -->

②commandLink

和commandButton相同，只是显示的形式不一样。

---

选择类

①selectBooleanCheckbox

是否选择

我同意<h:selectBooleanCheckbox value="#{user.agree}"/>            <!-- 如果已选择则返回true，未选择返回false。agree必须为boolean -->

②selectOneRadio

单选

<h:selectOneRadio value="#{user.education}" layout="pageDirection">            <!-- layout设置单选框的布局，默认是水平，pageDirection是垂直 -->                <f:selectItem itemLabel="小学" itemValue="小学" />                <f:selectItem itemLabel="初中" itemValue="初中" />                <f:selectItem itemLabel="高中" itemValue="高中" />            </h:selectOneRadio>

③selectManyCheckbox

多选，与selectManyListbox、selectManyMenu用法相同

<h:selectManyCheckbox value="#{user.preferColors }"                layout="pageDirection">                <!-- preferColors必须为集合或数组 -->                <f:selectItem itemLabel="红色" itemValue="红色" itemDescription="red" />                <f:selectItem itemLabel="黄色" itemValue="黄色" />                <f:selectItem itemLabel="绿色" itemValue="绿色" />            </h:selectManyCheckbox>