閱讀(6.1k) 書簽贊(0) 我要糾錯

JSF 表單列表框示例

2018-02-20 13:43 更新

JSF教程 - JSF表單列表框示例

以下部分顯示如何在JSF中創(chuàng)建ListBox。

h:selectOneListbox標記渲染HTML輸入具有指定大小的“select"類型的元素。

下面的JSF代碼

<h:selectOneListbox value="#{userData.data}">
   <f:selectItem itemValue="1" itemLabel="Item 1" />
   <f:selectItem itemValue="2" itemLabel="Item 2" />                   
</h:selectOneListbox>

被渲染到以下HTML標記中。

<select name="j_idt6:j_idt8" size="2">  
   <option value="1">Item 1</option>
   <option value="2">Item 2</option>
</select>

標簽屬性

屬性	描述
id	標簽的標識
binding	引用在backing bean中使用的組件
rendered	布爾值; false將抑制渲染
styleClass	級聯樣式表(CSS)類名稱
value	值綁定
valueChangeListener	響應值更改的方法綁定
converter	轉換器類名
validator	附加到組件的驗證器的類名
required	布爾值; 如果為true，則根據需要標記標簽
accesskey	給予一個元素的焦點
accept	表單的內容類型的逗號分隔列表
accept-charset	表單的字符編碼的逗號或空格分隔列表。
alt	非文字元素(例如圖片)的替代文字
border	元素的邊框寬度的像素值
charset	鏈接資源的字符編碼
coords	形狀為矩形，圓形或多邊形的元素的坐標
dir	文本的方向。有效值為 ltr (從左到右)和 rtl (從右到左)。
disabled	輸入元素或按鈕的禁用狀態(tài)
hreflang	使用 href 屬性指定的資源的基本語言;
lang	元素的屬性和文本的基本語言
maxlength	文本字段的最大字符數
readonly	輸入字段的只讀狀態(tài)
style	內聯樣式信息
tabindex	指定制表符索引的數值
target	打開文檔的框架的名稱
title	用于輔助功能的標題。瀏覽器通常為標題的值創(chuàng)建工具提示
type	鏈接類型; 例如樣式表
width	元素的寬度
onblur	失去焦點的事件處理程序
onchange	值更改的事件處理程序
onclick	鼠標按鈕的事件處理程序點擊該元素
ondblclick	雙擊鼠標按鈕的事件處理程序
onfocus	元素接收焦點的事件處理程序
onkeydown	按鍵的事件處理程序
onkeypress	鍵按下并釋放的事件處理程序
onkeyup	Key的事件處理程序發(fā)布
onmousedown	鼠標按鈕的事件處理程序
onmousemove	鼠標移動的事件處理程序
onmouseout	鼠標左的事件處理程序
onmouseover	鼠標移動到的事件處理程序
onmouseup	釋放鼠標按鈕的事件處理程序
onreset	表單重置的事件處理程序
onselect	選擇文本的事件處理程序
immediate	在生命周期的早期進行過程驗證

硬編碼ListBox

下面的代碼來自UserBean.java。

package cn.w3cschool.common;

import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
  public String item;
  
  public String getItem() {
    return item;
  }

  public void setItem(String i) {
    this.item = i;
  }    
}

以下代碼來自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
      <h:form>
        Hard-coded with "f:selectItem" : 
       <h:selectOneListbox value="#{user.item}">
         <f:selectItem itemValue="1" itemLabel="item 1" />
         <f:selectItem itemValue="2" itemLabel="item 2" />
         <f:selectItem itemValue="3" itemLabel="item 3" />
       </h:selectOneListbox>

    <br /><br />
      <h:commandButton value="Submit" action="result" />
    <h:commandButton value="Reset" type="reset" />
      </h:form>
    </h:body>
</html>

以下代碼來自result.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">
<h:body>
  <p>Selected: #{user.item}</p>
</h:body>
</html>

下載 Form_ListBox_Hardcode.zip

由映射生成的列表框

以下代碼來自result.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">
<h:body>
  <p>Selected: #{user.item}</p>
</h:body>
</html>

下面的代碼來自UserBean.java。

package cn.w3cschool.common;

import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
  public String item;
  
  public String getItem() {
    return item;
  }

  public void setItem(String i) {
    this.item = i;
  }  
  //Generated by Map
  private static Map<String,Object> itemValue;
  static{
    itemValue = new LinkedHashMap<String,Object>();
    itemValue.put("Item 1", "1"); //label, value
    itemValue.put("Item 2", "2");
    itemValue.put("Item 3", "3");
  }  
  public Map<String,Object> getItemValue() {
    return itemValue;
  }    
}

以下代碼來自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
      <h:form>
        Generated by Map :
       <h:selectOneListbox value="#{user.item}">
         <f:selectItems value="#{user.itemValue}" />
       </h:selectOneListbox>

    <br /><br />
      <h:commandButton value="Submit" action="result" />
    <h:commandButton value="Reset" type="reset" />
      </h:form>
    </h:body>
</html>

下載 Form_ListBox_Generated_by_Map.zip

ListBox內部類

下面的代碼來自UserBean.java。

package cn.w3cschool.common;

import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
 
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
  public String item;
  
  public String getItem() {
    return item;
  }

  public void setItem(String i) {
    this.item = i;
  }  
  public static class Item{
    public String label;
    public String value;
    
    public Item(String l, String v){
      this.label = l;
      this.value = v;
    }
    
    public String getLabel(){
      return label;
    }
    
    public String getValue(){
      return value;
    }
    
  }
  public Item[] itemList;
  
  public Item[] getItemValue() {
    itemList = new Item[3];
    itemList[0] = new Item("item - 1", "1");
    itemList[1] = new Item("item - 2", "2");
    itemList[2] = new Item("item - 3", "3");
    
    return itemList;
  }    
}

以下代碼來自result.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html">
<h:body>
  <p>Selected: #{user.item}</p>
</h:body>
</html>

以下代碼來自demo.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
      <h:form>
        Generated by Object array and iterate with var :
       <h:selectOneListbox value="#{user.item}">
         <f:selectItems value="#{user.itemValue}" var="y"
         itemLabel="#{y.label}" itemValue="#{y.value}" />
       </h:selectOneListbox>

    <br /><br />
      <h:commandButton value="Submit" action="result" />
    <h:commandButton value="Reset" type="reset" />
      </h:form>
    </h:body>
</html>

下載 Form_ListBox_Inner_Class.zip

運行

將生成的WAR文件從目標文件夾復制到Tomcat部署文件夾，并運行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成啟動后，在瀏覽器地址欄中鍵入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml

以上內容是否對您有幫助：

← JSF 表單組合框示例

JSF 列表框多選 →

寫筆記

我要補充

JSF 表單列表框示例

JSF教程 - JSF表單列表框示例

標簽屬性

硬編碼ListBox

由映射生成的列表框

ListBox內部類

運行

推薦文章

推薦教程

推薦課程