f:ajax 不工作

Question

我无法让 f:ajax 在 h:panelGroup 上工作。 这就是我正在做的：

JSF 代码：

<h:panelGroup id="contacts_tab_contacts_list_list">
    <h:form>
    <ul>
        <c:forEach items="#{currentDevice.contacts}" var="contact">
            <li>
                <f:ajax event="click" onevent="logcheck()">
                    <h:panelGroup layout="block" 
                                styleclass="contacts_tab_contacts_list_quickview_box"  >
                            <h:outputText value="#{contact.firstName} #{contact.familyName}" />
                    </h:panelGroup>
                </f:ajax> 

                <f:ajax event="click" onevent="logcheck()">
                    <f:param value="#{contact.getUUID}" name="currContactUUID" />
                    <h:commandButton value="#{contact.firstName} #{contact.familyName}" 
                    styleclass="contacts_tab_contacts_list_quickview_box" />
                </f:ajax>
            </li>
        </c:forEach>
    </ul>
    </h:form>
</h:panelGroup>

它在网页上的样子：（忽略愚蠢的格式:-)）

最后，页面的源代码如下：（

<li>
    Name - 35 Family - 35
    <input 
        id="j_id594943238_6609edf4:j_id594943238_6609ec58" 
        name="j_id594943238_6609edf4:j_id594943238_6609ec58" 
        type="submit" 
        value="Name - 35 Family - 35" 
        onclick=".. removed .." /> 
</li> 

注意 h:panelgroup 被 li 元素“吞没”。）

我可以单击 h:commandButton 并且它可以正常工作。 当我单击文本时没有发生任何事情，这是有道理的，因为从源代码来看，h:panelGroup 和 f:ajax 已经消失了！

就是这样。抱歉，篇幅较长，但我想了解所有细节。 感谢您的帮助:-)

Answer 1

我认为 panelGroup 会被吞掉，因为里面只有一个组件。也许jsf优化了它。

然后只剩下 h:outputText 和这个 组件 未实现 javax.faces.component.behavior.ClientBehaviorHolder 接口，这是附加 ajax 的组件所必需的。

您可以使用 h:outputLink 或 h:outputLabel 代替。

Answer 2

为 ajax 做的小 POC 可能对其他人有用

这个块将显示我们可以一起调用托管 bean 方法和 Ajax，并且它可以使用 JSF2.0

<h:form>     
  <h:inputText id="comments" value="#{photoManagedBean.name}"></h:inputText>

  <h:commandButton value="Comments Input" >
    <f:ajax execute="comments" listener="#{photoManagedBean.saveComments()}" render="displayRecentComments" />

   </h:commandButton>
   <br/>

   <table width="600" border="0"  height="80">
     <td>
       <h:outputText id="displayRecentComments" value="#{photoManagedBean.name}"/>
     </td>
   </table>
 </h:form>

ManagedBean 工作：

public void saveComments() { //ur code//}