extjs怎么使用desktop

1、使用桌面组件的第1步是创建Ext.app.App对象，代码如下： //桌面组件配置 MyDes氯短赤亻ktop = new E旌忭檀挢xt.app.App({ //初始化 init :function(){ Ext.QuickTips.init(); }, //创建功能模块 getModules : function(){ return [ new MyDesktop.GridWindow(), new MyDesktop.TabWindow(), new MyDesktop.AccordionWindow(), new MyDesktop.BogusMenuModule(), new MyDesktop.BogusModule() ]; }, //配置开始菜单 getStartConfig : function(){ return { title: '我的系统', iconCls: 'user', toolItems: [{ text:'设置', iconCls:'settings', scope:this },'-',{ text:'注销', iconCls:'logout', scope:this }] }; } });

2、与创建大多数ExtJS组件不同，在创建Ext.app.App对象时，并不需要在Ext.onReady方法中指定页面加载完后执行的初始化桌面的方法，ExtJS会在页面加载完成后,自动调用Ext.app.App的init方法对模拟的桌面进行初始化。

3、在init方法执行后，ExtJS会自动调用getModules和getStartConfig方法对整个应用程序进行配置。getModules方法返回了一个包含多个Ext.app.Module对象的数组。每一个Module对象代表应用中的一个功能模块，这些功能模块都以弹窗的形式出现在桌面上。可以使用模拟桌面的开始菜单的Ext.ux.StartMenu展开这些功能模块的窗口。 对于已经展开的窗口，也可以通过模拟桌面下方的任务栏的Ext.ux.TaskBar控制某个窗口的显示或隐藏。

4、Ext.app.App中的startConfig（）函数主要是用来配置开始菜单的选项。例子中配置了两个按钮，名称分别为"设置","注销"，可以像对待普通菜单项一样配置，设置对应的标题，图标等参数。也可以设置handler在用户点击时执行对应的操作。 /* * 创建一个名为MyDesktop.GridWindow的功能模块，并在Ext.app.App的getModules()函数中对其执行了初始化操作。

5、*/ MyDesktop.GridWindow = Ext.extend(Ext.app.Module, { id:'grid-win', //初始化 init : function(){ this.launcher = { text: 'Grid Window', iconCls:'accordion', handler : this.createWindow, scope: this } }, createWindow : function(){ var desktop = this.app.getDesktop(); var win = desktop.getWindow('grid-win'); if(!win){ win = desktop.createWindow({ id: 'grid-win', title:'Grid Window', width:740, height:480, iconCls: 'icon-grid', shim:false, animCollapse:false, constrainHeader:true }); } win.show(); } }).