Question

我在我的应用程序中使用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请求更新父组件。但我不知道我做错了什么。

Answer 1

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

但是，你可以试试这个

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

希望有所帮助

Answer 2

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

像这样

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

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

2 个答案: