Extjs4.0 开发笔记-desktop开始菜单动态生成方法

desktop开始菜单动态生成方法：

Desktop.html中，在<scripts>中的Ext.onReady之前添加如下：

              

 var mArr = [];//这里是保存显示模块的数组

        var _menus = [@Html.Raw(ViewBag.Menu as string)]; //从服务端传来的菜单json  

               //遍历json

        for (var i =0; i < _menus.length; i ++){

            var s = Ext.define('MyDesktop.Menu' + i, {

                extend: 'MyDesktop.BogusModule',

                init : function() {

                    this.launcher = {

                        text: _menus[i].menuname,

                        iconCls: 'bogus',

                        handler: function() {

                            return false;

                        },

                        menu: {

                            items: []

                        }

                    };

                    if(_menus[i].menus != null){

                        for (var j = 0; j < _menus[i].menus.length; j++) {

                            this.launcher.menu.items.push({

                                text: _menus[i].menus[j].menuname,

                                iconCls:'bogus',

                                url: _menus[i].menus[j].url,

                                handler : function(src){

                                    var desktop = this.app.getDesktop();

                                    var win = desktop.getWindow('bogus'+src.windowId);

                                    if(!win){

                                        win = desktop.createWindow({

                                            id: 'bogus'+src.windowId,

                                            title:src.text,

                                            width:850,

                                            height:500,

                                            html : '<iframe style="position:relative;background-color:transparent;" allowtransparency="true" width="100%" height="100%"  frameborder="0" src="' + src.url + '"></iframe>',

                                            iconCls: 'bogus',

                                            animCollapse:false,

                                            constrainHeader:true

                                        });

                                    }

                                    win.show();

                                    return win;

                                },

                                scope: this,

                                windowId: i + j

                            });

                        }

                    };                   

                }

            });

            myArr.push(new s);

        };

 

在App.js中getModules : function(){}改为：

           

    GetModules:function(){        

                         mArr.push(new MyDesktop.Notepad());//这个地方也可以增添静态模块

                         return mArr;

               }