Loops yui：使用给定的项目列表动态创建yui菜单

我想通过从列表中获取菜单元素来动态创建yui菜单

例如，我有一个清单

   MENULIST:
  MENUITEM1
  MENUITEM2
  MENUITEM3
  MENUITEM4 

这些菜单项是对象，将包含子菜单和相关属性，例如onclick等函数

MENUITEM1----->SUBMENUITEM11,ONCLICK=SOMEFUNCTION()
                 SUBMENUITEM12,ONCLICK=SOMEFUNCTION()
                 SUBMENUITEM13,ONCLICK=SOMEFUNCTION()
  MENUITEM2----->SUBMENUITEM21,ONCLICK=SOMEFUNCTION()
                 SUBMENUITEM22,ONCLICK=SOMEFUNCTION()

我会在运行时得到这些列表，所以我需要动态加载菜单。有

---

yui菜单中的任何选项都可以循环列表和生成菜单。因为nodemenunan只是一个插件，所以现在还没有。有一个新菜单组件的计划，它将支持从JavaScript创建菜单项。Ryan Grove最近提供了一个树状数据结构，可以在其上构建未来的菜单组件。他还在为一个新的FocusManager工作，所以一切都在工作中

现在，您需要自己创建标记，然后应用nodemenunan插件。一个好主意是使用template.Micro这样的模板。查看tmeplates用户指南：。菜单的微型模板可能如下所示：

<div id="menu-1" class="yui3-menu">
  <div class="yui3-menu-content">
    <ul>
      <% Y.Array.each(this.menus, function (menu) { %>
        <li class="yui3-menuitem">
          <a class="yui3-menuitem-content" href="<%= menu.link %>"><%= menu.label %></a>
        </li>
      <% }); %>
    </ul>
  </div>
</div>