我是ADF面孔的新手，因此遇到了在af：selectOneChoice的值更改时向af：panelAccordion局部触发的麻烦。 af：panelAccordion在其af：showDetailItem中包含多个af：showDetailHeader。所有af：showDetailItem及其af：showDetailHeader都是动态生成的。
Bean College在视图范围内，其代码如下：
public class College {
private List<Department> departments;
private List<SelectItem> departmentDropDownMenu;
private String selectedDepartment;
public College() {
this.departments = new ArrayList<Department>(0);
Employee employee1 = new Employee("Employee 1", "Information");
Employee employee2 = new Employee("Employee 2", "Information");
Employee employee3 = new Employee("Employee 3", "Information");
Employee employee4 = new Employee("Employee 4", "Information");
Employee employee5 = new Employee("Employee 5", "Information");
List<Employee> employees1 = new ArrayList<Employee>(0);
employees1.add(employee1);
List<Employee> employees2 = new ArrayList<Employee>(0);
employees2.add(employee2);
List<Employee> employees3 = new ArrayList<Employee>(0);
employees3.add(employee3);
List<Employee> employees4 = new ArrayList<Employee>(0);
employees4.add(employee4);
employees4.add(employee5);
Department department1 = new Department("Department 1", employees1);
Department department2 = new Department("Department 2", employees2);
Department department3 = new Department("Department 3", employees3);
Department department4 = new Department("Department 4", employees4);
this.departments.add(department1);
this.departments.add(department2);
this.departments.add(department3);
this.departments.add(department4);
List<SelectItem> departmentDropDownMenu = new ArrayList<SelectItem>(0);
departmentDropDownMenu.add(new SelectItem("Department 1"));
departmentDropDownMenu.add(new SelectItem("Department 2"));
departmentDropDownMenu.add(new SelectItem("Department 3"));
departmentDropDownMenu.add(new SelectItem("Department 4"));
this.setDepartmentDropDownMenu(departmentDropDownMenu);
this.setSelectedDepartment("Department 1");
}
public void departmentDropDrownValueChangeListener(ValueChangeEvent event) {
String oldValue = event.getOldValue().toString();
String newValue = event.getNewValue().toString();
if(oldValue.equalsIgnoreCase(newValue)) {
return;
}
List<Department> departmentUpdated = new ArrayList<Department>(0);
for (Department department : departments) {
if(department.getDepartmentName().equals(newValue)) {
departmentUpdated.add(department);
break;
}
}
for (Department department : departments) {
if(!department.getDepartmentName().equals(newValue)) {
departmentUpdated.add(department);
}
}
this.setDepartments(departmentUpdated);
}
public void setDepartments(List<Department> departments) {
this.departments = departments;
}
public List<Department> getDepartments() {
return departments;
}
public void setDepartmentDropDownMenu(List<SelectItem> departmentDropDownMenu) {
this.departmentDropDownMenu = departmentDropDownMenu;
}
public List<SelectItem> getDepartmentDropDownMenu() {
return departmentDropDownMenu;
}
public void setSelectedDepartment(String selectedDepartment) {
this.selectedDepartment = selectedDepartment;
}
public String getSelectedDepartment() {
return selectedDepartment;
}
}
Department和Employee类是简单的POJO。 Department类仅包含两个字段：
1.字符串departmentName和
2.列出员工
雇员类及其访问者还包含两个字段：
1.字符串名称和
2.字符串信息。
该页面的jspx代码如下：
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document title="Page.jspx" id="d1">
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelGroupLayout id="pgl2">
<af:selectOneChoice label="Department" value="#{college.selectedDepartment}" id="soc1"
unselectedLabel="" autoSubmit="true" immediate="true"
valueChangeListener="#{college.departmentDropDrownValueChangeListener}">
<f:selectItems value="#{college.departmentDropDownMenu}" id="si1"/>
</af:selectOneChoice>
<af:panelAccordion id="pa1" discloseNone="true" partialTriggers="soc1" discloseMany="true">
<af:forEach items="#{college.departments}" var="department">
<af:showDetailItem text="#{department.departmentName}" id="sdi1">
<af:forEach items="#{department.employees}" var="employee">
<af:showDetailHeader text="#{employee.name}" disclosed="false" id="sdh1">
<af:outputText value="#{employee.info}" id="ot1"/>
</af:showDetailHeader>
</af:forEach>
</af:showDetailItem>
</af:forEach>
</af:panelAccordion>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>
我要做的是根据af：selectOneChoice的选定值重新排列af：showDetailItem。
我在图像中显示问题：
如您所见，第一个图像是页面加载后的正常情况。部门1只有一个雇员，部门1和部门4有两个雇员雇员1，雇员2。从下拉列表中选择部门4之后，部门3进入最后一个位置，但是部门3面板中显然有两个af：showDetailItem图片，但最初只有一名员工。另外，额外的af：showDetailItem不可点击。
如果有任何建议请给我很大的帮助。
谢谢。
最佳答案
问题出在使用<af:forEach/>。根据tag documentation：
一旦组件树出现，就不应添加，删除或重新排序<af:forEach>标记项中的对象。
被创建
您可以改用<af:iterator/>标记。 JDev将抱怨它不是<af:panelAccordion/>的有效子代，但它确实起作用。
此页面布局似乎有效。请注意，我将<af:selectOneChoice/>移到了顶部，并抛弃了<af:panelGroupLayout/>来迫使手风琴伸展并使所有孩子可见。
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document title="Page.jspx" id="d1">
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelAccordion id="pa1" discloseNone="false" partialTriggers="soc1" discloseMany="true" reorder="enable">
<af:iterator value="#{college.departments}" var="department">
<af:showDetailItem text="#{department.departmentName}" id="sdi1">
<af:iterator value="#{department.employees}" var="employee">
<af:showDetailHeader text="#{employee.name}" disclosed="false" id="sdh1">
<af:outputText value="#{employee.info}" id="ot1"/>
</af:showDetailHeader>
</af:iterator>
</af:showDetailItem>
</af:iterator>
</af:panelAccordion>
</f:facet>
<f:facet name="top">
<af:selectOneChoice label="Department" value="#{college.selectedDepartment}" id="soc1" unselectedLabel="" autoSubmit="true"
valueChangeListener="#{college.departmentDropDrownValueChangeListener}" immediate="true">
<f:selectItems value="#{college.departmentDropDownMenu}" id="si1"/>
</af:selectOneChoice>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>
希望这可以帮助。欢迎对ADF感到困惑。 :)