0

リストからメニュー要素を取得して動的にyuiメニューを作成したい。

たとえば、私はリストを持っています

   MENULIST:
  MENUITEM1
  MENUITEM2
  MENUITEM3
  MENUITEM4

これらのメニュー項目はオブジェクトであり、サブメニューと関連するプロパティ、たとえばonclickなどの関数が含まれます。

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

私は実行時にこれらのリストを取得します、soiはメニューを動的にロードする必要があります。yuiメニューに、このループオーバーリストと生成メニューを実行するオプションはありますか。事前にあなたより。

4

1 に答える 1

0

NodeMenuNav は単なるプラグインであるため、現時点ではありません。JavaScript からのメニュー項目の作成をサポートする新しい Menu コンポーネントの計画があります。Ryan Grove は最近、将来の Menu コンポーネントを構築できる Tree データ構造に貢献しました。彼は新しい FocusManager にも取り組んでいるので、すべて作業中です。

今のところ、自分でマークアップを作成してから、NodeMenuNav プラグインを適用する必要があります。Template.Micro のようなテンプレートを使用することをお勧めします。tmeplates ユーザー ガイドを確認してください: http://yuilibrary.com/yui/docs/template/。メニューのマイクロ テンプレートは次のようになります。

<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>
于 2013-02-20T14:53:50.087 に答える