基于数组列表的面板组 - 编辑数组列表并从内部更新面板组

Question

这是一个后续问题：Dynamically updating a4j:repeat using data from form

我现在有 2 个选择，旁边有一个命令按钮。按下按钮时，选择项下方的 ul-list 会更新为一行，其中包含选择项和删除按钮的值。

当我按下删除按钮时，我想从 bean 端和视图中删除行（名称+使用权限对）。该对已从 bean 端的 arraylist 中正确删除，但 ul-list 未更新。当我按 F5 时，该元素会从列表中删除。

当我按下移除按钮时如何再次渲染面板组？

<h:selectOneMenu value="#{assetUploadForm.currentGroupName}" valueChangeListener="#{assetUploadForm.groupNameChanged}">
   <f:selectItems value="#{assetUploadForm.groupNames}" />
   <a4j:ajax event="valueChange" render="second" execute="@this" />
</h:selectOneMenu>

<h:selectOneMenu value="#{assetUploadForm.currentGroupRW}" valueChangeListener="#{assetUploadForm.groupRWChanged}">
   <f:selectItem itemValue="R" itemLabel="Read"/>
   <f:selectItem itemValue="W" itemLabel="Write"/>
   <a4j:ajax event="valueChange" render="second" execute="@this" />
</h:selectOneMenu>

<a4j:commandButton action="#{assetUploadForm.addGroupRights}" value="add group" render="groupList"/>
<h:panelGroup id="groupList">
<ul>
  <a4j:repeat value="#{assetUploadForm.groupPermissions}" var="permission">
    <li>
      <h:outputText value="#{permission.group.groupName}"/>&nbsp;&nbsp;
      <h:outputText value="#{permission.permissionMode}"/>&nbsp;&nbsp;
      <a4j:commandButton action="#{assetUploadForm.removeGroupPermission}" render="groupList" value="remove">
        <a4j:param value="#{permission.group.groupName}" assignTo="#{assetUploadForm.permissionToRemove}"/>
      </a4j:commandButton>                      
    </li>
  </a4j:repeat> 
</ul>
</h:panelGroup>

Answer 1

将 execute="@this" 添加到删除命令按钮解决了这个问题。