1.       HTML代碼

最終實現的效果代碼，如下所示：

<select>

<option selected="selected" value="Monitor">Monitor</option>

<option value="VCR">VCR</option>

<option value="Standard Device">Standard Device</option>

<option value="Smart Device">Smart Device</option>

<option value="Trunk">Trunk</option>

<option value="Standby VCR">Standby VCR</option>

</select>

2.       enum代碼

publicenum DeviceType {

    @XmlEnumValue("Monitor")

    MONITOR("Monitor"),

    VCR("VCR"),

    @XmlEnumValue("Standard Device")

    STANDARD_DEVICE("Standard Device"),

    @XmlEnumValue("Smart Device")

    SMART_DEVICE("Smart Device"),

    @XmlEnumValue("Trunk")

    TRUNK("Trunk"),

    @XmlEnumValue("Standby VCR")

    STANDBY_VCR("Standby VCR");

    privatefinal String value;

    DeviceType(String v) {

        value = v;

    }

    public String value() {

        returnvalue;

    }

    publicstatic DeviceType fromValue(String v) {

        for (DeviceType c: DeviceType.values()) {

            if (c.value.equals(v)) {

                return c;

            }

        }

        thrownew IllegalArgumentException(v);

    }

}

3.       JSF標簽：

<h:selectOneMenu value="#{voutputType.DEVICETYPE}" converter="voutputDeviceTypeConverter">

<f:selectItems value="#{voutput.deviceTypeList}"/>

</h:selectOneMenu>

主要有三個部分組成

(a)     value="#{voutputType.DEVICETYPE}"

由javabean ,voutputType中的DEVICETYPE屬性，確定html代碼中<option selected="selected" value="Monitor">項的值。

voutputType配置信息在"WebRoot"WEB-INF"faces-config.xml：

<managed-bean>

       <managed-bean-name>voutputType</managed-bean-name>

       <managed-bean-class>

           cn.com.gentek.imatrix.xml.jaxb.voutput.ObjVOutputType

       </managed-bean-class>

       <managed-bean-scope>session</managed-bean-scope>

</managed-bean>

    其中DEVICETYPE屬性對應的變量是枚舉DeviceType的一個實例。

(b)    converter="voutputDeviceTypeConverter"

類型轉換器，在在"WebRoot"WEB-INF"faces-config.xml配置如下：

<converter>

    <converter-id>voutputDeviceTypeConverter</converter-id>

    <converter-class>

       cn.com.gentek.imatrix.ui.VoutDeviceTypeConverter

    </converter-class>

</converter>

cn.com.gentek.imatrix.ui.VoutDeviceTypeConverter代碼如下：

（實現< select>中<option>的String類型值，與DeviceType類型之間的轉換）

publicclass VoutDeviceTypeConverter implements Converter {

    public Object getAsObject(FacesContext context, UIComponent component, String value) {

       DeviceType result = null;

       if (value == null || value.length() < 1) {

           result = null;

       } else

           result = DeviceType.fromValue(value);

       returnresult;

    }

    public String getAsString(FacesContext context, UIComponent component, Object value) {

       String result = null;

       if (value != null) {

           if (value instanceof DeviceType) {

              DeviceType temp = (DeviceType) value;

              result = temp.value();

           }

       }

       return result;

    }

}

(c)      <f:selectItems value="#{voutput.deviceTypeList}"/>（重點）

由于deviceTypeList對應變量必須是SelectItem（javax.faces.model.SelectItem）列表，所以有必要將DeviceType類型實例的值和對應String類型值，封裝在一個SelectItem實例中。實現代碼如下：

ArrayList<SelectItem> deviceTypeList = new ArrayList<SelectItem>();

for (int i = 0; i < DeviceType.values().length; i++) {

    deviceTypeList.add(new SelectItem(DeviceType.values()[i],

           DeviceType.values()[i].value()));

}