jsf中带有ForEach循环的AutoComplete不起作用

我在我的项目中使用primefaces。我在使用自动完成内部循环时遇到了问题。 在forEach循环中，我有一个outputlabel和一个autocomplete标记。我将forEach循环中的items属性映射到HashMap，并根据映射大小迭代循环，并呈现outputlabel和autocomplete。 输出标签按顺序渲染，但“自动完成”在相同位置渲染，彼此重叠

任何帮助都将不胜感激

<div style="margin-top: 2.3%;">
  <c:forEach var="attachMap" items="#{searchAccountBean.attachmentMap}">
    <h:outputText style="margin-top:4%" value="#{attachMap.key}"></h:outputText>
      <p:autoComplete value="#{searchAccountBean.attachmentMap[attachMap.key]}"
        id="autoId_#{attachMap.key}" 
   completeMethod="#{searchAccountBean.completeAccountName}"
   var="p" itemLabel="#{p}" itemValue="#{p}" forceSelection="true"
   size="15" style="margin-top:2.5%;" 
   scrollHeight="80" minQueryLength="1" title="Enter Account Name">
     <p:ajax event="itemSelect" listener="#searchAccountBean.handleSelectAccount}"></p:ajax>
          <p:ajax event="blur"></p:ajax>
      </p:autoComplete>
      <p:spacer width="30px" ></p:spacer>
    </c:forEach>
  </div>

---

我发布了代码，它没有显示。。告诉我如何在此发布代码。请参见编辑框右侧的提示。4个空格，偶尔使用带有>的块引号。我已经使代码可见；您可能想对其进行更多格式化。为什么在第一行中使用c:forEach而不是ui:repeat？@ukaszLech好的，我会尝试ui:repeat，但我的问题是autocomplete。当我使用两个或多个自动完成时，它们在UI中重叠，我需要使用左边距将每个自动完成移动，以使每个自动完成按顺序可见。@AndersUP感谢您使我的代码可见..：