JSF表單中的按鈕有時不會執行操作

Question

我在組織表單時遇到問題。當我做一個表單按鈕（或任何其他組件進行Ajax調用）不執行操作，但他們確實執行更新。當我將窗體分成兩個新窗體時，按鈕開始工作。

在這種情況下，按鈕和自動完成功能不起作用。

<h:form styleClass="question-#{cc.attrs.question.id}"> 
    ... 

    <p:commandButton value="add answer" update="@form" action="#{questionEditorBean.addAnswer}" /> 
    <p:commandButton value="save" update="@(.question-#{cc.attrs.question.id})" action="#{cc.attrs.onSave}" oncomplete="#{cc.attrs.onCancel}" /> 
    <p:commandButton value="cancel" onclick="#{cc.attrs.onCancel}" /> 

    <p:autoComplete value="#{questionEditorBean.newTag}" id="tagSelect" completeMethod="#{tagBean.completeTag}" dropdown="true" 
       var="t" itemLabel="#{t.name}" itemValue="#{t}" converter="#{tagConverter}" forceSelection="true"> 
    <p:ajax event="itemSelect" action="#{action}" update="@form"/> 
</p:autoComplete> 
</h:form> 

當我拆分窗體一切正常。

<h:form styleClass="question-#{cc.attrs.question.id}"> 
    ... 

    <p:commandButton value="add answer" update="@form" action="#{questionEditorBean.addAnswer}" /> 
    <p:commandButton value="save" update="@(.question-#{cc.attrs.question.id})" action="#{cc.attrs.onSave}" oncomplete="#{cc.attrs.onCancel}" /> 
    <p:commandButton value="cancel" onclick="#{cc.attrs.onCancel}" /> 

</h:form> 
<h:form> 

    <p:autoComplete value="#{questionEditorBean.newTag}" id="tagSelect" completeMethod="#{tagBean.completeTag}" dropdown="true" 
       var="t" itemLabel="#{t.name}" itemValue="#{t}" converter="#{tagConverter}" forceSelection="true"> 
    <p:ajax event="itemSelect" action="#{action}" update="@form"/> 
</p:autoComplete> 
</h:form> 

我沒有嵌套窗體。我一直在遇到這個問題。我不明白這種行爲，我不想將按鈕和組件分成更多的形式，當它們應該在概念上在一起時。有解決方案嗎？

Answer 1

你可以嘗試給形式的id並設置prependId="false"，如本例：

<h:form id="ccForm" prependId="false"> 

然後添加表格ID來update目標。

<p:ajax event="itemSelect" action="#{action}" update="ccForm:tagSelect" /> 

這樣您可以明確指出複合組件內部的update目標是什麼。

另外我注意到，您試圖在表單中使用styleClass作爲id，並嘗試更新它。根據這一辦法，我建議，使其update屬性是這樣的：

<p:commandButton value="save" update="ccForm:question-#{cc.attrs.question.id}" action="#{cc.attrs.onSave}" oncomplete="#{cc.attrs.onCancel}" /> 

我希望它能幫助。