Sencha touch 2 在视口中创建面板

我正在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/Icon@2x.png',
        144: 'resources/icons/Icon~ipad@2x.png'
    },

    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();
            }
        );
    }
});

//
setConfig（{disableCaching:false}）；
Ext.Loader.setPath({
“Ext”：“sdk/src”
});
//
外部应用程序({
名称：'环保总局'，
控制器：[“主控制器”]，
要求：[
“Ext.MessageBox”
],
控制器：['MainController']，
图标：{
57:'resources/icons/Icon.png'，
72:'resources/icons/Icon~ipad.png'，
114:'资源/图标/Icon@2x.png',
144:'资源/图标/图标~ipad@2x.png'
},
phoneStartupScreen:'resources/loading/Homescreen.jpg'，
tabletStartupScreen:“资源/加载/主屏幕~ipad.jpg”，
全屏：假，
//对,，
//差额：100，
启动：函数（）{
Ext.Viewport.setWidth（320）；
Ext.Viewport.setHeight（480）；
//Ext.Viewport.setCentered（false）；
//Ext.Viewport.setRight（2）；
//销毁#appLoadingIndicator元素
},
未更新：函数（）{
Ext.Msg.confirm(
“应用程序更新”，
“此应用程序刚刚成功更新为最新版本。是否立即重新加载？”，
函数（）{
window.location.reload（）；
}
);
}
});

将其添加到

启动

功能中

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

Ext.Viewport.add(panel);

---

将其添加到

启动

功能中

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

Ext.Viewport.add(panel);