megaminx之旅二：添加功能导航

来源：互联网发布：特效素材软件编辑：程序博客网时间：2024/05/17 23:29

Megaminx提供一个功能导航模板，运用这个模板，可以方便的添加导航。类名是：Megaminx.app.Home，位于lib/megaminx/Megaminx.App.js文件中。

修改modules/ExampleModule.js文件, 添加部分代码：

Ext.extend(Megaminx.modules.ExampleModule, Megaminx.app.MainWindow, {......,_module:{ID:1},_tabpanelId:Ext.id()......,createWindow:function(){......,shim: false    ,items:{    id:this._tabpanelId    ,xtype:'tabpanel'        ,activeTab:0        ,tabPosition:'bottom'        ,enableTabScroll:true        ,defaults: {autoScroll:true}       ,plugins: ['tabclosemenu']        ,items: {xtype:'megaminx.home', _ownerModule:this}}......}});

说明：xtype:'megaminx.home'就是创建一个Megaminx.app.Home控件

保存并运行程序，结果图如下：

说明：

创建了一个tabpanel控件，它的第一个标签是功能导航。
因为没有定义功能，所以功能导航时空的。
为了方便以后操作，可以添加一些方法：

Ext.extend(Megaminx.modules.ExampleModule, Megaminx.app.MainWindow, {......,getTabPanel:function(){return Ext.getCmp(this._tabpanelId);}......});

Megaminx项目源码地址：http://code.google.com/p/jmegaminx/