Displaying a Master Detail Relationship in a Panel Accordion or Tabs

Question

Hi,
Is it possible to display a Master-Detail relationship in a Panel Accordion or Panel Tab or other component that visually divides the display?
Say I have a Department - > Employees master detail relationship and I want each tab in my accordion to represent each
departments and when I clicked the tab, the list of employees associated with that department is displayed.
I am exploring this idea but I cant get to find a resource on how to move forward. I am using JDev 11.1.1.4. Thanks

Answer 1

Hello,
I recently faced the same problem and did not find a clean solution either. So I implemented it a bit more "dirty". :-)
Instead of using the Department > Employee view link, I just created a new view object (say EmployeesFromDept), that has a bind parameter called p_DeptId:
     SELECT ...
     FROM   EMPLOYEES e
     WHERE  e.DEPARTMENT_ID = :p_DeptIdThe Data Control of this VO will have an ExecuteWithParams operation that takes the department id as input. Create an action binding in your page definition that binds to this operation, called "RefreshEmployeesForDept":
     <action IterBinding="EmployeesFromDeptIterator" id="RefreshEmployeesForDept"
            InstanceName="MyAMDataControl.EmployeesFromDept"
            DataControl="MyAMDataControl" RequiresUpdateModel="true"
            Action="executeWithParams">
      <NamedData NDName="p_DeptId" NDValue="" NDType="java.lang.String"/>
    </action>In your page, add the current DepartmentId to each showDetailItem using an attribute and add a disclosureListener:
     <af:iterator id="i1" value="#{bindings.Departments.collectionModel}" var="row">
            <af:showDetailItem text="#{row.DepartmentName}" disclosureListener="#{pageFlowScope.myBean.toggleDisclosed}">
               <f:attribute name="currentDepartmentId" value="#{row.DepartmentId}"/>
                          <af:table value="#{bindings.EmployeesFromDept.collectionModel}" var="row"
                      rows="#{bindings.EmployeesFromDept.rangeSize}"
                      emptyText="#{bindings.EmployeesFromDept.viewable ? 'No data to display.' : 'Access Denied.'}"
                      fetchSize="#{bindings.EmployeesFromDept.rangeSize}"
                      rowBandingInterval="0" id="t1">
               //Lots of mapping column here
                    </af:table>
            </af:showDetailItem>
     </af:iterator>Now each showDetailItem that is generated knows the DepartmentId it "belongs to". In the toggleDisclosed(DisclosureEvent disclosureEvent) method, first fetch this attribute, so that you know the dept id of the showDetailItem that was clicked. Next, programmatically call the RefreshEmployeesForDept action binding if the current event is "disclosing the showDetailItem":
     public void toggleDisclosed(DisclosureEvent disclosureEvent) {
          String currentDepartmentId = disclosureEvent.getComponent().getAttributes().get("currentDepartmentId").toString();
          if(disclosureEvent.isExpanded()){
               DCBindingContainer bindings = (DCBindingContainer)BindingContext.getCurrent().getCurrentBindingsEntry();
               OperationBinding operBinding = bindings.getOperationBinding("RefreshEmployeesForDept");
               if(operBinding != null){
                    operBinding.getParamsMap().put("p_DeptId", currentDepartmentId);
                    operBinding.execute();
    }Now, each time a showDetailItem is opened, the bind variable of the iterator belonging to your list of Employees will be refreshed with the correct DepartmentId. Ie the department that the showDetailItem represents.
Hope this helps! If you find a cleaner solution, please let me know. :-)
Regards,
Chris