Sencha-Touch单击Ext.image

Question

我对sencha touch有疑问。

当我点击一张图片时，我想隐藏其他图片

这里是我的代码：

config: {
fullscreen: true,
id: 'ViewEstimation',
styleHtmlContent: true,
items: [{
        xtype:'panel',
        layout:'vbox',
        items:[
            {
                xtype:'panel',
                layout:'hbox',
                items: [
                    Image0,
                    Image1,
                    Image2,
                    Image3,
                    Image4,
                    Image5,
                ]
            },
            {
                xtype:'panel',
                layout:'hbox',
                items: [
                    Image6,
                    Image7,
                    Image8,
                    Image9,
                    Image10,
                    Image11
                ]
            },
        ]   
}]      
}

我的图片在另一个文件中声明。 这里有一个例子：

     var Image0 = Ext.create('Ext.Img', {
                src: 'mysource',
                id: 'Image0',
                width: 108,
                height: 150
    });

我尝试在全局项目上创建一个事件，但我无法检索图像ID

有人可以帮助我吗？

Answer 1

在您的控制器中，尝试使用以下内容：

config: {
    ref: {
        img: '#ViewEstimation image'
    }

    control: {
        img: {
            tap: 'onImageTap'
        }
    }
},

onImageTap: function(image) {
    this.getImg.setHidden(true);
    image.setHidden(false);
}

希望它有所帮助。