extjs desktop startmenu (開始菜单)

extjs desktop 的開始菜单 二级菜单,仅仅是简单演示实现原理,如 须要动态生成,自己改造就可以,下面基本方法原理:

首先 建立一个js文件 生成開始菜单数据:



function GetStartMenu(app) {
var menuArray = [];

var m = {
launcher: {
text: '開始菜单第一级A',
iconCls: 'icon-grid',
handler: function() {
return false;
},
menu: {
minWidth: 127,
items: []
}
}
};

m.launcher.menu.items.push({
winId: 'menua01',
winUrl: 'abc/abcd.html',
text: '開始菜单第二级A01',
maximized: false,
iconCls: 'icon-grid',
scope: this,
handler: function(src) {
var desktop = app.getDesktop();
var win = desktop.getWindow('menua01');
if (!win) {
win = desktop.createWindow({
border: false,
id: 'menua01',
title: '開始菜单第二级A01',
width: 600,
height: 500,
maximized: true,
maximizable: true,
resizable: true,
iconCls: 'icon-grid',
hideMode: 'offsets',
constrain: true,
layout: 'fit',
loader: {
url: 'abc/abcd.html',
autoLoad: true,
scripts: true
}
});
}
win.show();
return win;
}
});

m.launcher.menu.items.push({
winId: 'menua02',
winUrl: 'abc/bbbb.html',
text: '開始菜单第二级A02'
maximized: false,
iconCls: 'icon-grid',
scope: this,
handler: function(src) {
var desktop = app.getDesktop();
var win = desktop.getWindow('menua02');
if (!win) {
win = desktop.createWindow({
border: false,
id: 'menua02',
title: '開始菜单第二级A02',
width: 800,
height: 600,
maximized: false,
maximizable: true,
resizable: false,
iconCls: 'icon-grid',
hideMode: 'offsets',
constrain: true,
layout: 'fit',
loader: {
url: 'abc/bbbb.html',
autoLoad: true,
scripts: true
}
});
}
win.show();
return win;
}
});

menuArray.push(m);

return menuArray;
}

在主页面引入该文件 然后改动app.js,找到 getModules: function () { 删除里面内容 改为:

getModules: function () {
return GetStartMenu(this);
},

就可以实现開始菜单的二级菜单