Extjs Menu 实现动态多级菜单

zxdii 2011-06-24 03:27:28

要实现功能：

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

就是类似于树那样的联动

如：

菜单（1级菜单）—》电子（2级菜单）—》电脑（3级菜单）—》笔记本（4级菜单）

...全文

850 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

rabbi0546 2011-12-28

打赏
举报

哥们解决了吗？给个链接之类的

flyerwing 2011-06-27

打赏
举报

有示例的照着能就OK的.

zhaominxu 2011-06-27

打赏
举报

都是答非所问，人家是问Ext.menu.Menu ,不是treepanel

优秀APP开发 2011-06-27

打赏
举报

http://blog.csdn.net/hb308102796/archive/2010/09/10/5875201.aspx

dingherry 2011-06-26

打赏
举报

http://yahaitt.iteye.com/blog/207696

zxdii 2011-06-26

打赏
举报

[Quote=引用 3 楼 lsw645645645 的回复:]

JScript code

<script type="text/javascript">
Ext.onReady(function () {
Ext.QuickTips.init();
var menu = Ext.create('Ext.menu.Menu', {
id: 'mainMe……
[/Quote]

我要的是活的，不是死的，能帮忙弄下吗？

lsw645645645 2011-06-25

打赏
举报



<body>

<div id="toolbar"></div>



</body>

lsw645645645 2011-06-25

打赏
举报



<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>