Web app sencha touch error

Question

I have some problems in this part of JavaScript code in Sencha Touch, and I don't know how to resolve it.

new Ext.application({
  name: 'TouchStart',
  launch: function() {    
    this.viewport = new Ext.Panel({
      fullscreen: true,
      bodyPadding: 5,
      dockedItems: [            {
        dock : 'top',
        xtype: 'toolbar',
        title: 'Touch Start'
      }, {
        dock : 'top',
        xtype: 'toolbar',
        items: [{
            text: 'Hello Button'
        }]
      }],    
      html: 'Hello Panel'
    });
  }
});

The console shows:

This.viewport = new Ext.Panel({
> Uncaught TypeError: undefined is not a function

Answer 1

萨拉姆，您必须将代码Ext.Panel更改为Ext.create('Ext.Panel',...........