在Sencha Touch 2中搭建塊應用程序？

Question

我的問題涉及到在Sencha Touch 2上構建GUI，首先創建控件，然後在面板的項目上實例化它們。像這樣：

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

再這樣做是爲了顯示它在屏幕上：

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

當我嘗試做這在煎茶觸摸2，它只是拋出一個錯誤：「未捕獲的SyntaxError：意想不到的標識符「

我曾經在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]); 
    } 
}); 

希望這有助於