f： ajax嵌套ui：重复

Question

当按下按钮删除对象子列表中的一个元素时，我试图使用ajax重新命名包含在另一个对象列表中的对象列表的容器。但是我找不到子列表对象的父容器。

java对象表示为这样的
IE

public class Advertisements{
      List<object1> messages;
//getters setters etc.
}

public class object1{
     List<object2> stops;
}

现在，我尝试将一个delete按钮与每个停止（第二个嵌套对象列表）关联起来，并使用f:ajax render重新渲染这些停止的容器。

即

<h:form id="campaign" >
   <ui:repeat id="messages" var="message" value="#{Advertisements.active.messages}" >
       <h:panelGroup id="stopList"  binding="#{waga}">
            <ui:repeat id="temp" var="stop" value="#{message.stops}" >
                <div class="col-sm-2">
                    <h:outputLabel value="#{stop.name}"/>
                </div>
                <div class="col-sm-1">
                    <h:commandLink action="#{Advertisements.delete(stop)}" class="">
                        <i class="glyphicon glyphicon-remove"></i>
                        <f:ajax render=":#{waga.clientId}"/>
                    </h:commandLink>                
                </div>
            </ui:repeat>
        </h:panelGroup>
    </ui:repeat>
</h:form>

现在我已经尝试了渲染id的几种不同排列，但是我不明白为什么我不能在小组上执行ajax请求。

用这个的时候

<h:panelGroup id="stopList"  binding="#{waga}">
#{waga.clientId}

我已经能够检查值，它唯一地映射为每个按钮的ajax渲染到正确的容器id IE

对于id竞选-消息-0-停止列表，列表中的每个停止都引用了这个特定的整数标识符，这在其余的消息中是一致的。

我不知道如何通过绝对或相对ID正确引用它。它似乎只在panelGroup是同级组件时才起作用，但这当然不是我要寻找的行为。我希望重新呈现每个停止的容器，以显示列表，而不显示已删除的停止。

有人知道为什么绝对ID无法找到组件，或者我可能做错了什么吗？

Answer 1

最后，如果你从列表/数组中删除一个元素，你需要重新渲染整个ui：重复，因为你不能简单地从循环中取出迭代。

要重新渲染整个重复，可以执行以下操作：

<h:form id="campaign">
    <ui:repeat id="messages" varStatus="messagesVarStatus" var="message" value="#{Advertisements.active.messages}" >
        <h:panelGroup id="stopList">
            <ui:repeat id="temp" var="stop" value="#{message.stops}" >
                <div class="col-sm-2">
                    <h:outputLabel value="#{stop.name}"/>
                </div>
                <div class="col-sm-1">
                    <h:commandLink action="#{Advertisements.delete(stop)}" class="">
                        <i class="glyphicon glyphicon-remove"></i>
                        <f:ajax render="campaign:messages:#{messagesVarStatus.index}:stopList"/>
                    </h:commandLink>                
                </div>
            </ui:repeat>
         </h:panelGroup>
    </ui:repeat>
</h:form>