JSF标签学习总结上

清疚 2022-06-18 12:22 170阅读 0赞

*   *  输出类
        
         *  outputLink
         *  outputLabel
         *  outputText
         *  outputFormat
     *  输入类
     *  命令类
        
         *  commandButton
         *  commandLink
     *  选择类
        
         *  selectBooleanCheckbox
         *  selectOneRadio
         *  selectManyCheckbox

--------------------

## 输出类 ##

### ①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>

--------------------

## 输入类 ##

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

<h:inputText id="name" value="#{user.name }" />

--------------------

## 命令类 ##

### ①commandButton ###

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

<h:commandButton value="送出" action="#{user.verify }">
                    <f:param name="name" value="1"></f:param>
                </h:commandButton>

### ②commandLink ###

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

--------------------

## 选择类 ##

### ①selectBooleanCheckbox ###

是否选择

我同意<h:selectBooleanCheckbox value="#{user.agree}"/>

### ②selectOneRadio ###

单选

<h:selectOneRadio value="#{user.education}" 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">
                    
                    <f:selectItem itemLabel="红色" itemValue="红色" itemDescription="red" />
                    <f:selectItem itemLabel="黄色" itemValue="黄色" />
                    <f:selectItem itemLabel="绿色" itemValue="绿色" />
                </h:selectManyCheckbox>