events - Sencha-Touch 点击 Ext.image

Question

我在煎茶触摸上有问题。

当我单击一个图像时，我想隐藏其他图像

这是我的代码：

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);
}

希望能帮助到你。