跟我一起学MiniOA：第一章 1.3 JSF标签参考(连载)

来源：http://www.exadel.com/web/portal/jsftags-guide

表单Form
＜h:form id="myForm"＞
＜/h:form＞

按钮
＜h:commandButton id="submit" value="提交" action="#{yourJavaBean.submit}"＞
＜/h:commandButton＞
链接形式的按钮
＜h:commandLink id="link" action="#{yourJavaBean.submit}"＞
  ＜h:outputText value="提交"/＞
＜/h:commandLink＞
图片
＜h:graphicImage id="image" alt="我是图片 " url="yourImage.gif"＞
＜/h:graphicImage＞                    

输入框
inputText
＜h:inputText id=" yourName " value="#{ yourJavaBean.yourName}" /＞

密码框
＜h:inputSecret redisplay="false" value="#{ yourJavaBean.yourPassword}" /＞
隐藏输入框
＜h:inputHidden id="hidden" value="yourHiddenContent" /＞
多行输入框
＜h:inputTextarea id="textArea" rows="4" cols="7" value="多行输入"/＞
输出文本
＜h:outputText value="yourText"/＞
输出span文本
＜h:outputLabel for="address"＞
＜h:outputText id="addressLabel" value="User Home Address"/＞
＜/h:outputLabel＞
连接
＜h:outputLink value="#{msg['jsfstudio.home.url']"＞
  ＜f:verbatim＞JSF Studio＜/f:verbatim＞
＜/h:outputLink＞
格式化输出
＜h:outputFormat value="#{msg.jsfstudioThankYou}"＞
  ＜f:param value="Joe Blow"/＞
  ＜f:param id="productName" value="#{msg['jsfstudio.label']}"/＞
＜/h:outputFormat＞
message

输入地址
＜h:message style="color: red" for="useraddress" /＞
＜h:inputText id="useraddress" value="#{ yourJavaBean.address}" required="true"/＞
＜h:commandButton action="save" value="Save"/＞
复选框
＜h:selectBooleanCheckbox title="选项" value="#{yourJavaBean.optionValue}" ＞
＜/h:selectBooleanCheckbox＞
 
多个复选框
＜h:selectManyCheckbox id="yourBoxId" value="#{ yourJavaBean. optionValue}"＞
  ＜f:selectItems value="#{yourJavaBean.optionValueList}" /＞
＜/h:selectManyCheckbox＞
下拉框
＜h:selectManyMenu id=" yourListId _" value="#{ yourJavaBean. optionValue}"＞
   ＜f:selectItems value="#{yourJavaBean.optionValueList}" /＞
＜/h:selectManyMenu＞
下拉框
＜h:selectManyListbox  id="yourListId " value="#{ yourJavaBean. optionValue}"＞
   ＜f:selectItems value="#{yourJavaBean.optionValueList}" /＞
＜/h:selectManyListbox＞
单选按钮
＜h:selectOneRadio value="#{ yourJavaBean. optionValue}"＞
  ＜f:selectItems value="#{yourJavaBean.optionValueList}" /＞
＜/h:selectOneRadio＞
单选按钮列表
＜h:selectOneMenu id=" yourMenuId" value="#{ yourJavaBean. optionValue}"＞
  ＜f:selectItems value="#{yourJavaBean.optionValueList}" /＞
＜/h:selectOneMenu＞

下拉框，只能选一个
＜h:selectOneListbox id="yourListId" value="#{ yourJavaBean. optionValue}"＞
  ＜f:selectItems value="#{yourJavaBean.optionValueList}" /＞
＜/h:selectOneListbox＞
表格
＜h:panelGrid columns="4" ＞
  ＜h:outputText value="字段1" /＞
  ＜h:outputText value="字段2" /＞
  ＜h:outputText value="字段3" /＞
  ＜h:outputText value="字段4" /＞
  ＜h:outputText value="字段5" /＞
  ＜h:outputText value="字段6" /＞
＜/h:panelGrid＞
第一行显示字段1、字段2、字段3，
第二行显示字段4、字段5、字段6

数据表格
＜h:dataTable id="yourTableId" value="#{yourJavaBean.recordsList}" var="item"＞  
  ＜h:column＞
    ＜f:facet name="header"＞
      ＜h:outputText  value="字段1"/＞
    ＜/f:facet＞
     ＜h:outputText value="#{ item.field1}"/＞
  ＜/h:column＞
  ＜h:column＞
    ＜f:facet name="header"＞
      ＜h:outputText  value="字段2"/＞
    ＜/f:facet＞
     ＜h:outputText value="#{ item. Field3}"/＞
  ＜/h:column＞
  ＜h:column＞
    ＜f:facet name="header"＞
      ＜h:outputText  value="字段3"/＞
    ＜/f:facet＞
     ＜h:outputText value="#{ item. Field3}"/＞
  ＜/h:column＞
＜/h:dataTable＞
下拉框，单选，使用javabean的作为optionValueList选项。
＜h:selectOneMenu id="yourId" value="#{ yourJavaBean. optionValue}"＞
  ＜f:selectItems value="#{ yourJavaBean.optionValueList}" /＞
＜/h:selectOneMenu＞
下拉框，手工设置多个选项
＜h:selectOneMenu id="yourId" value="#{yourJavaBean.optionValue}"＞
  ＜f:selectItem itemValue="1" itemLabel="选项1"/＞
  ＜f:selectItem itemValue="2" itemLabel="选项2"/＞
  ＜f:selectItem itemValue="3" itemLabel="选项3"/＞
  ＜f:selectItem itemValue="4" itemLabel="选项4"/＞
  ＜f:selectItem itemValue="5" itemLabel="选项5"/＞
＜/h:selectOneMenu＞