sencha-touch-2 - 在 Sencha Touch 2 中使用积木构建应用程序？

Question

我的问题与在 Sencha Touch 2 上构建 GUI 有关，首先创建控件，然后在面板的项目上实例化它们。像这样：

var myButton = Ext.create('Ext.Button', {
    text: 'Button',
});

然后执行此操作以在屏幕上显示它：

//..some panel
items:[{myButton}, {anotherControl}]

当我尝试在 Sencha Touch 2 上执行此操作时，它只会抛出一个错误：“Uncaught SyntaxError: Unexpected identifier”

我曾经在 Sencha Touch 1.x 上这样做过，这让我发疯了，因为在我在网上找到的每个示例中，他们使用 xtype 属性声明面板内的控件。

一个小代码片段对我有很大帮助。

谢谢！

Answer 1

你可以这样做：

Ext.define('App.view.MyView', {
  xtype: 'myview',

  extend: 'Ext.Panel',

  config: {
    layout: 'vbox'
  },

  constructor: function() {
    var me = this;
    me.callParent(arguments);

    var myButton1 = Ext.create('Ext.Button', {
        text: 'Button1',
    });

    var myButton2 = Ext.create('Ext.Button', {
        text: 'Button2',
    });

   me.add([myButton1,myButton2]);
  }
});

希望这可以帮助