JSF 1.2 + Javascript + AJAX

Question

我使用jsf 1.2，richfaces 3.3.3。 我已經編寫了JavaScript函數，並希望將其用作ona4j：commandButton的onclick。

功能：

function simpleFunction(){
    var x = document.getElementById('check').value;
    if(x != null){
        alert("NOT NULL");
    }
} 

形成：

 <h:form>
        <h:inputText id="check" value="myvalue" style="display: none"/>
        <h:outputText value="#{crossReferenceMsg.min3}" style="font-size: 11px; color:red; font-weight: bold"/><br/>
        <h:outputLabel value="#{crossReferenceMsg.searchName}" for="tbSearchFilter"
                       style="font-size: 14px;font-weight: bold;"/>
        <h:inputText id="tbSearchFilter" value="#{CrossReferenceBean.searchText}">
        </h:inputText>
        <a4j:commandButton id="btnSearchCrossReference"
                           onclick="simpleFunction()"
                           action="#{CrossReferenceBean.search}"
                           value="#{crossReferenceMsg.search}"
                           reRender="dvFilters"/>
        <rich:messages for="tbSearchFilter"/>
        <rich:hotKey key="return"
                     handler="#{rich:element('btnSearchCrossReference')}.click()"
                     selector="#dvSearchCrossReference"/>
    </h:form>

但這是行不通的-在GoogleChrome調試器中，我看到的是變量x =未定義。 我在哪里弄錯了？

Answer 1

將prependId="false"添加到您的h:form 。

在這種情況下，默認情況下，表單ID（類似於jsf自動設置的j_idt ...之類）將嵌套在表單中的所有組件ID之前。 因此您實際的h:inputText ID不是“檢查”。 您可以看到，如果您檢查頁面的html源。