2012-01-13 22 views
1

我正在使用JSF 1.1和Ajax4jsf。我想在名爲「顏色」的<h:selectOneMenu>元素的變化值上顯示/隱藏<h:inputText>。例如,如果我在<h:selectOneMenu>中選擇「紅色」值,然後在<h:selectOneMenu>(高,中,低)中顯示<h:inputText>的顏色強度,則選擇。在h:selectOneMenu上顯示/隱藏h:inputText

我不確定是使用Ajax4jsf還是純JavaScript。我寧願使用Ajax4jsf,但它太基本了。

+0

什麼是你的問題? :)你不確定使用ajax4jsf嗎? – yatskevich 2012-01-13 12:28:16

+0

@IvanYatskevich:我的問題es:¿如何隱藏/在表單中顯示h:inputText以更改h:selectOneMenu元素中名爲「Colors」(onchange事件)的值時使用JSF1.1和ajax4jsf中的值? – user998871 2012-01-13 13:24:05

回答

1

看一看<a4j:support/>。此標籤可讓您處理各種客戶端事件,包括onchange事件。

考慮這樣一個例子(從上面的鏈接所):

<h:form id="planetsForm"> 
    <h:outputLabel value="Select the planet:" for="planets" /> 

    <h:selectOneMenu id="planets" value="#{planetsMoons.currentPlanet}" valueChangeListener="#{planetsMoons.planetChanged}"> 
     <f:selectItems value="#{planetsMoons.planetsList}" /> 
     <a4j:support event="onchange" reRender="moons" /> 
    </h:selectOneMenu> 

    <h:dataTable id="moons" value="#{planetsMoons.moonsList}" var="item"> 
    <h:column> 
     <h:outputText value="#{item}"/> 
    </h:column> 
    </h:dataTable> 
</h:form>