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

希望这有帮助

使用Sencha Touch 2中的块构建应用程序？

1 个答案: