Urgent help ----problem of component id and attribute value

Question

I want to produce a dynamic menu that compoment id and attribute value will be dynamic assigned when logon to system. That means i have to use id="#{aid}" and value="#{avalue}" in following codes.
The problem are:
1. Component id looks only accepts constant (hard code data) insteads of varable. I changed id="ADMIN", and it works. It can be empty, and tag will give me one. Therefore, it is not too much affected me.
2. The f:attribute value, when value="Value" works. However, when value="#{avalue}", first time works, second time it throws Illegal State Exception. I really need this value be assigned by varable.
Can anyone help me out?
----------------------------------------------Code----------------------------------------------
<h:command_link id="#{aid}" action="#{Action.action}" >
          <f:action_listener type="my.MenuListener"/>
          <h:output_text value="Logon"/>
          <f:attribute name="COMMAND" value="#{avalue}"/>
</h:command_link>

Answer 1

-----------2 TreeMenu---------------
public class MenuTree implements Serializable{
private String treeId = null;
private String name = null;
private Map submenus = new TreeMap(); // name as key, submenu is value;
private String actionClass = null;
private boolean isLeaf = false;
private boolean isRoot = true;
private MenuTree parent = null;
public boolean isRoot() {
     return isRoot;
public void setRoot(boolean root) {
     isRoot = root;
public MenuTree(){
public MenuTree getParent(){
     return parent;
public void setParent(MenuTree parent){
     this.parent = parent;
     if(parent != null) parent.putSubmenu(treeId, this);
     isRoot = false;
public String getName() {
     return name;
public void setName(String name) {
     this.name = name;
public Map getSubmenus() {
     return submenus;
public boolean getIsNode(){
     return submenus.size() > 0;
public void putSubmenu(String name, MenuTree menu){
     submenus.put(name, menu);
     * @return Returns the isLeaf.
     public boolean getIsLeaf() {
          return isLeaf;
     public boolean getIsRoot() {
          return isRoot;
     * @param isLeaf The isLeaf to set.
     public void setLeaf(boolean isLeaf) {
          this.isLeaf = isLeaf;
     * @param submenus The submenus to set.
     public void setSubmenus(Map submenus) {
          this.submenus = submenus;
     * @return Returns the actionClass.
     public String getActionClass() {
          return actionClass;
public void setActionClass(String actionClass) {
     this.actionClass = actionClass;
     public String getTreeId() {
          return treeId;
     * @param id The id to set.
     public void setTreeId(String treeId) {
          this.treeId = treeId;
------------3 JSP if want to test change subview to view. I am sure the treeId have value---------------------
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<% request.setAttribute("CONTEXT_PATH", request.getContextPath()); %>
<LINK rel="stylesheet" type="text/css" href='<c:out value="${requestScope.CONTEXT_PATH}"/>/style/menutree.css'/>
<SCRIPT type='text/javascript' src='<c:out value="${requestScope.CONTEXT_PATH}"/>/js/hideshow.js'></SCRIPT>
<!--f:loadBundle basename="bundle.common.Menu" var="bundle"/-->
<f:subview id="userMenuView">
<h:form id="userMenuForm">
<c:set var="root" value="${sessionScope.menuTree}"/>
<table class="" width="150px" bgcolor="blue">
<c:forEach var="menuBar" begin="0" items="${root.submenus}">
<c:set var="menu" value="${menuBar.value}"/>
     <tr>
     <td>
     <c:choose>
          <c:when test="${menu.isLeaf}">
               <c:set var="menuJSF" value="${menu}" scope="request"/>
               <h:command_link action="#{Action.action}">
                    <f:action_listener type="com.nusino.web.listener.menu.MenuListener"/>
                    <h:output_text value="#{menuJSF.name}"/>
                    <f:attribute value="#{menuItemJSF.treeId}">
               </h:command_link>
          </c:when>
          <c:otherwise>
               <span class="" onclick="javascript:hideshow('<c:out value="${menu.treeId}"/>')">
                    <c:out value="${menu.name}"/>
               </span>
               <div id='<c:out value="${menu.treeId}"/>' >
               <table class="">
               <c:forEach var="submenu" begin="0" items="${menu.submenus}">
                    <c:set var="menuItem" value="${submenu.value}"/>
                    <tr>
                    <td>
                    <c:choose>
                         <c:when test="${menuItem.isLeaf}">
                              <c:set var="menuItemJSF" value="${menuItem}" scope="request"/>
                              <h:command_link action="#{Action.action}">
                                   <f:action_listener type="com.nusino.web.listener.menu.MenuListener"/>
                                   <h:output_text value="#{menuItemJSF.name}"/>
                                   <f:attribute value="#{menuItemJSF.treeId}">
                              </h:command_link>
                         </c:when>
                         <c:otherwise>
                              <span class="" onclick="javascript:hideshow('<c:out value="${menuItem.treeId}"/>')">
                              <c:out value="${menuItem.name}"/>
                              </span>
                              <div id='<c:out value="${menuItem.treeId}"/>' >
                                   <table class="">
                                        <c:forEach var="item" begin="0" items="${menuItem.submenus}">
                                             <c:set var="itemObj" value="${item.value}"/>
                                             <tr>
                                             <td>
                                             <c:choose>
                                                  <c:when test="${itemObj.isLeaf}">
                                                  <c:set var="itemObjJSF" value="${itemObj}" scope="request"/>
                                                       <h:command_link action="#{Action.action}">
                                                            <f:action_listener type="com.nusino.web.listener.menu.MenuListener"/>
                                                            <h:output_text value="#{itemObjJSF.name}"/>
                                                            <f:attribute value="#{itemObjJSF.treeId}">
                                                       </h:command_link>
                                                  </c:when>
                                                  <c:otherwise>
                                                       <span class="">
                                                       <c:out value="${itemObj.name}"/>
                                                       </span>
                                                  </c:otherwise>
                                             </c:choose>
                                             </td>
                                             </tr>
                                        </c:forEach>
                                   </table>
                              </div>
                         </c:otherwise>
                    </c:choose>
                    </td>
                    </tr>
               </c:forEach>
               </table>
               </div>
          </c:otherwise>
     </c:choose>
     </td>
     </tr>
</c:forEach>
</table>
<script language= "javascript" >
     function prehide(){
          <c:forEach var="menuBar" begin="0" items="${root.submenus}">
               <c:set var="menu" value="${menuBar.value}"/>
               <c:if test="${!menu.isLeaf}">
                    hide('<c:out value="${menu.treeId}"/>');
                    <c:forEach var="submenu" begin="0" items="${menu.submenus}">
                         <c:set var="menuItem" value="${submenu.value}"/>
                         <c:if test="${!menuItem.isLeaf}">
                              hide('<c:out value="${menuItem.treeId}"/>');
                         </c:if>
                    </c:forEach>
               </c:if>
          </c:forEach>
     if(document.all){
          prehide();
</script>
</h:form>
</f:subview>