extjs desktop startmenu (开始菜单)
2015-03-16 16:39
183 查看
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);
},
即可实现开始菜单的二级菜单
首先 建立一个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);
},
即可实现开始菜单的二级菜单
相关文章推荐
- extjs desktop startmenu (開始菜单)
- 我在Extjs中例子desktop中StartMenu.js的注释
- DoYourData Start Menu for mac(开始菜单) V3.2 破解版
- Extjs2.0 desktop 动态创建桌面图标和开始菜单
- 类WindowXp (CYisongStartMenu)开始菜单 编程指南
- Vista Start Menu(开始菜单程序分组) V2.41 绿色汉化版
- Start menu for Android是一款类似windows下的开始菜单
- Start Menu Organizer-对开始菜单中的程序进行分类和整理
- Win10 Backup&Restore Start Menu(备份还原开始菜单)
- Windows 10 Start Menu Troubleshooter发布:修复开始菜单问题,亲测100%可以解决
- Start Menu Organizer-对开始菜单中的程序进行分类和整理
- ExtJs4 笔记(13) Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更
- ExtJS[Desktop]实现图标换行示例代码
- ExtJs桌面组件(DeskTop)
- hildon-desktopStartProcess
- Extjs4.2 Desktop 拖动黑色和白色的桌面图标的解决方案
- LinbDesk --- 新的extjs4.2 desktop demo : 技术交流Q群:336584192
- ExtJs 4.0 DeskTop集成 百度地图API
- ExtJs4 笔记(13) Ext.menu.Menu 菜单、Ext.draw.Component 绘图、Ext.resizer.Resizer 大小变更
- Vista Start Menu v2.21简体中文语言文件新鲜出炉!