如何在sencha touch 2中创建这样的视图?

时间:2013-03-27 03:59:18

标签: view sencha-touch sencha-touch-2

我需要在sencha touch中创建这样的视图。我是初学者。请帮我。我没有在组件上获得点击事件。

enter image description here

我的代码

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'
            }
        ]


    }]

1 个答案:

答案 0 :(得分:0)

尝试使用Ext.dataview.DataView。您将从github获得示例。