无法使用<p:ajax> </p:ajax>呈现父面板组组件

时间:2013-10-15 23:26:27

标签: java jsf-2 primefaces autocomplete

我在我的应用程序中使用primefaces自动完成功能向用户建议userId。一旦用户在Autocomplete文本框中输入三个字符,我的UserIds列表将被建议用户自动完成。用户从列表中选择userId后,我将使用以下格式John Doe(jd123)更新输出文本中的用户名和姓氏,并在此名称旁边添加Delete按钮。如代码中的注释所示,首先ajax请求完全正常工作。但是当我尝试删除使用<h:outputText/>打印的名称时,我收到错误

  

javax.faces.FacesException:找不到带标识符的组件   “items”引自“j_idt34:0:imgid”。

我的代码:

<h:outputLabel value="Select user" for="acMinLength" />
<p:autoComplete id="acMinLength" 
                minQueryLength="3" 
                value="#{autoCompleteBean.txt2}" 
                completeMethod="#{autoCompleteBean.complete}">
    <p:ajax event="itemSelect" 
            listener="#{autoCompleteBean.handleSelect}" 
            update="items"/>    // First Ajax request perfectly working fine
</p:autoComplete>

<h:outputLabel value="selectedUsers" for="acMinLength" />
<h:panelGroup id="items">
    <ui:repeat value="#{autoCompleteBean.printId}" var="item">
        <h:outputText value="#{item}"/>
        <h:graphicImage name="delete.png" library="images" id="imgid">
        <p:ajax event="click"
                listener="#{autoCompleteBean.updateList}" 
                update="items"/>  // This is where i am getting exception 
   </ui:repeat>
<h:panelGroup>

我知道我可以使用子Ajax请求更新父组件。但我不知道我做错了什么。

2 个答案:

答案 0 :(得分:0)

更新h:form组件应该更安全。我不确定你是否可以通过id更新每个h:组件。如果打开生成的xhtml并尝试检查子组件的实际id路径,您将看到不包含其所有父组件的ID。一些id被跳过

但是,你可以试试这个

update=":#{p:component('items')}"

希望有所帮助

答案 1 :(得分:0)

经过严格的搜索后,我尝试了andre在{{{}}}发布的答案,然后继续努力。

像这样

update="@([id$=items])"