首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

Extjs Menu 实现动态多级菜单

2012-02-07 
ExtjsMenu实现动态多级菜单 - Web 开发 / Ajax要实现功能:动态加载 多级 菜单如果可以,最好能用 Ext.Toolb

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

热点排行