-1

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

在此处输入图像描述

我的代码

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


    }]
4

1 回答 1

0

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

于 2013-03-27T06:02:55.553 回答