讀/寫在複合材料部件

Question

我寫一個JSF日期選擇器由jQuery的UI的日期選擇器支持的複合材料部件的屬性。（我沒有使用的元件庫中選擇），我已經得到了功能

工作，但我現在試圖通過刪除不必要的屬性來簡化組件的界面。

我的組件公開的屬性之一稱爲「值」。我期望組件的用戶在這裏提供一個el引用。 #{myCarBean.selectedCar}

我注意到的是，組件似乎只讀取了屬性的值。 setter從來不會被調用。

我設法通過將此方法公開爲clientBehaviour來解決此問題。 但現在我有一個actionListener通過此clientBehaviour（設置值）以及從值#{cc.attrs.values}中讀取值的「value」屬性進行調用。

我該如何擁有一個可以讀/寫「value」屬性到使用頁面提供的底層managedBean的單一屬性？

下面是代碼：

<ui:component xmlns="http://www.w3.org/1999/xhtml" xmlns:util="http://discovery.co.za/mytags" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" 
xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:cc="http://java.sun.com/jsf/composite"> 
<cc:interface componentType="modal"> 
    <cc:attribute name="value" type="java.util.Date" shortDescription="An El expression representing the managed bean field to which the selected date will be wired."></cc:attribute> 
    <cc:attribute name="minYear" type="java.lang.Integer" shortDescription="An El expression representing a managed bean field which should return an Integer indicating the year component of the minDate"></cc:attribute> 
    <cc:attribute name="minMonth" type="java.lang.Integer" shortDescription="An El expression representing a managed bean field which should return an Integer indicating the month component of the minDate.(January is 0)"></cc:attribute> 
    <cc:attribute name="minDay" type="java.lang.Integer" shortDescription="An El expression representing a managed bean field which should return an Integer indicating the day component of the minDate."></cc:attribute> 
    <cc:attribute name="maxYear" type="java.lang.Integer" shortDescription="An El expression representing a managed bean field which should return an Integer indicating the year component of the maxDate"></cc:attribute> 
    <cc:attribute name="maxMonth" type="java.lang.Integer" shortDescription="An El expression representing a managed bean field which should return an Integer indicating the month component of the maxDate"></cc:attribute> 
    <cc:attribute name="maxDay" type="java.lang.Integer" shortDescription="An El expression representing a managed bean field which should return an Integer indicating the day component of the maxDate"></cc:attribute> 
    <cc:attribute name="render" type="java.lang.String" /> 

    <cc:clientBehavior name="change" targets="#{cc.clientId}:dateInput" event="change" /> 
</cc:interface> 
<cc:implementation> 
    <div id="#{cc.clientId}"> 
     <h:inputText id="dateInput" value="#{cc.attrs.value}" styleClass="jquery-datepicker" 
      onclick="modifyDatePickerOptions('#{cc.attrs.clientId}', #{cc.attrs.minYear}, #{cc.attrs.minMonth}, #{cc.attrs.minDay}, #{cc.attrs.maxYear}, #{cc.attrs.maxMonth}, #{cc.attrs.maxDay});"> 
      <f:ajax execute="@form" event="change" render="#{cc.attrs.render}" /> 
     </h:inputText> 

    </div> 
</cc:implementation> 

而且使用頁面：

<h:form id="datePickerForm"> 
      <my:datepicker render=":datePickerForm:datePickerAjax" value="#{datePickerBean.selectedDate}" minYear="1999" minMonth="0" minDay="1" maxYear="2019" maxMonth="0" maxDay="1"> 
       <f:ajax event="change" listener="#{datePickerBean.selectedDate}" /> 
      </my:datepicker> 
      <h:panelGroup id="datePickerAjax" layout="block"> 
      <br /> 
       <b><h:outputText value="You selected : #{datePickerBean.selectedDate}" rendered="#{datePickerBean.selectedDate != null}" /></b> 
      </h:panelGroup> 
     </h:form> 

Answer 1

你需要一個轉換器添加到您的inputText領域。您可以在inputText中嵌入<f:convertDateTime/>標籤以實現此目的。有關所有可用屬性，請參閱convertDateTime。