在 Sencha Touch 2 中使用积木构建应用程序？答案

【问题标题】：Building app with blocks in Sencha Touch 2?在 Sencha Touch 2 中使用积木构建应用程序？
【发布时间】：2012-06-30 00:48:30
【问题描述】：

我的问题与在 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 属性声明面板内的控件。

一个小代码 sn-p 对我有很大帮助。

谢谢！

【问题讨论】：

标签： sencha-touch-2

【解决方案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]);
  }
});

希望对你有帮助

【讨论】：