Dynamic Tree menu and Task Flow Regions

I had to request to make a JSF Tree Menu so when a user clicks on a menu item in this tree the right region/ page is loaded. With the help of the 11G Task Flows regions this is very easy to implement. Basically we are building an one page application. One page apps gives us the best performance ( Oracle Fusion Apps is build this way). When performance is important you can better use regions then loading whole pages.
Here is an example of the result. Employee and Departments are menu items, the rest are menu nodes. For this demo I had to build two bounded task flows Employees and Departments. I will be using these task flow url's in the adf menu tree and pass this value to the dynamic region bean.
This is the menu table I used for this example.
I made two viewobjects based on this menu table, the first vo has the main menu records ( highest leve) and the second vo has the sub menu or menu items records. Main menu has a viewlink to the second vo and the second vo has a viewlink to itself. Here you can see my application module

Now we can drag the main menu vo to the page where we will select ADF Tree option
Configure the Tree Binding where we need to select the following attributes. Label, Type and TaskflowUrl


When you drag one of the bounded task flows to the jsf page you will get the option to create a dynamic region. This will also create a backing bean what looks like this.
I add the setTaskFlowId method to this bean and changed the scope of this backing bean to application.

package nl.ordina.view.backing;

import oracle.adf.controller.TaskFlowId;
public class TreeMenu {
private String taskFlowId = "/WEB-INF/employee-task-flow-definition.xml#employee-task-flow-definition";

public TreeMenu() {
}
public void setTaskFlowId(String taskFlow) {
   this.taskFlowId = taskFlow;
}
public TaskFlowId getDynamicTaskFlowId() {
   return TaskFlowId.parse(taskFlowId);
}
}

The JSF Tree page code looks like this. When the menu is a item then I will render a image and when you click on a label the taskflowurl value is passed on to the dynamic region bean and the page will show this task flow

       <af:tree value="#{bindings.MainMenuView.treeModel}" var="node"
                selectionListener="#{bindings.MainMenuView.treeModel.makeCurrent}"
                rowSelection="single">
         <f:facet name="nodeStamp">
          <af:group>
           <af:image  source="/images/item.gif"
                     rendered="#{node.Type eq 'item' }" id="im"/>
           <af:commandLink text="#{node.Label}">
             <af:setActionListener from="#{node.TaskflowUrl}" to="#{TreeMenu.taskFlowId}"/>
           </af:commandLink>
          </af:group>
         </f:facet>
       </af:tree>

Here is the example workspace and the menu table script