在视口中创建面板

我在我的app.js文件中创建视口。我需要在这个视口内创建一个面板。关于如何完成的任何想法？在视口中创建面板

//<debug> 
Ext.Loader.setConfig({disableCaching:false}); 
Ext.Loader.setPath({ 
    'Ext': 'sdk/src' 
}); 
//</debug> 

Ext.application({ 
    name: 'SEPA', 
    controllers: ["MainController"], 
    requires: [ 
     'Ext.MessageBox' 
    ], 

    controllers:['MainController'], 

    icon: { 
     57: 'resources/icons/Icon.png', 
     72: 'resources/icons/Icon~ipad.png', 
     114: 'resources/icons/[email protected]', 
     144: 'resources/icons/[email protected]' 
    }, 

    phoneStartupScreen: 'resources/loading/Homescreen.jpg', 
    tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg', 
    fullscreen: false, 
    //centered:true, 
    // margin: 100, 

    launch: function() { 
     Ext.Viewport.setWidth(320); 
     Ext.Viewport.setHeight(480); 

     //Ext.Viewport.setCentered(false); 
     // Ext.Viewport.setRight(2); 

     // Destroy the #appLoadingIndicator element 

    }, 

    onUpdated: function() { 
     Ext.Msg.confirm(
      "Application Update", 
      "This application has just successfully been updated to the latest version. Reload now?", 
      function() { 
       window.location.reload(); 
      } 
     ); 
    } 
});

来源

2013-01-04 Khush

在launch功能

var panel = Ext.create('Ext.Panel', { 
     // fullscreen: true, 
     html: 'Hello from your first Sencha Touch App made by Sencha Fiddle.' 
    }); 

Ext.Viewport.add(panel);

Working example

添加此

来源

2013-01-04 11:03:21

在视口中创建面板

回答

相关问题