view - sencha touch 2でこのようなビューを作成するにはどうすればよいですか？

Question

senchatouchでこのようなビューを作成する必要があります。私は初心者です。私を助けてください。コンポーネントでタップイベントが発生しません。

私のコード

config: {
    defaults: {
        margin: 10
    }, layout: {
        type: 'hbox'
    },
    items: [{

        flex:1,
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'component', flex: 10,
                html: 'Flex: 1', style: 'background-color: lightgray'
            },
            {
                xtype: 'spacer',flex:1
            },
            {
                xtype: 'component', flex: 10,
                html: 'Flex: 2', style: 'background-color: pink'
            }
        ]
    }, {

        flex: 1,
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'component', flex: 10,
                html: 'Flex: 3', style: 'background-color: orange',
                handler:function() {
                    console.log('Tapped !');
                }


            },
            {
                xtype: 'spacer',flex:1
            },
            {
                xtype: 'component', flex: 10,
                html: 'Flex: 4', style: 'background-color: lightblue'
            }
        ]


    }]

Answer 1

Ext.dataview.DataViewを試してください。githubから例を取得します。