当前位置: 代码迷 >> Ajax >> Extjs Menu 实现动态多级菜单
  详细解决方案

Extjs Menu 实现动态多级菜单

热度:1558   发布时间:2012-02-07 17:45:37.0
Extjs Menu 实现动态多级菜单 - Web 开发 / Ajax
要实现功能:

动态加载 多级 菜单
如果可以,最好能用 Ext.Toolbar.SplitButton 这个按钮来实现此功能
其他的也行

就是类似于 树 那样的联动

如:

菜单(1级菜单)―》电子(2级菜单)―》电脑(3级菜单)―》笔记本(4级菜单)

------解决方案--------------------
JScript code

<script type="text/javascript">
         Ext.onReady(function () {
             Ext.QuickTips.init();
             var menu = Ext.create('Ext.menu.Menu', {
                 id: 'mainMenu',
                 style: {
                     overflow: 'visible'
                 },
                 items: [
                {
                    text: '电子(2级菜单)',
                    menu: {
                        items: [
                            {
                                text: '电脑(3级菜单)',
                                menu: {
                                    items: [{
                                        text: '笔记本(4级菜单)'
                                    }]
                                }

                            }
                        ]
                    }//menu
                }
            ]//items
             }); //menu

             var tb = Ext.create('Ext.toolbar.Toolbar');
             tb.suspendLayout = true;
             tb.render('toolbar');

             tb.add({
                 text: '菜单(1级菜单)',
                 menu: menu  // assign menu by instance
             });
             tb.suspendLayout = false;
             tb.doLayout();



         });
     </script>

------解决方案--------------------
都是答非所问,人家是问Ext.menu.Menu ,不是treepanel
  相关解决方案