Question

美好的一天，我正在使用ExtJS4构建一个Web应用程序，我想在图像上放置一个href。

我有一个如此定义的图像：

            {
                xtype: 'image',
                x: 87,
                y: 180,
                autoEl: {
                    tag: 'a',
                    href: 'resources/promoStubs/eventTalkPromo.jpg',
                    target: '_blank',
                    x: 87,
                    y: 180,
                    height: 30,
                    width: 30,
                    length: 30,

                },
                height: 30,
                itemId: 'paw1',
                width: 30,
                src: 'resources/graphics/pawpromo.png'
            },

我从this jsfiddle example

得到了这个想法

然而，发生的情况是图像非常大，width和height属性根本不会应用于图像。有关如何使用autoEl属性指定图像宽度和高度的任何想法？

感谢任何帮助。感谢。

Answer 1

请为您的xtype添加 imgCls 属性，如下所示，并为其编写一个css类。这是更新的jsfiddle

Ext.onReady(function () {
    Ext.create('Ext.Img', {
        renderTo: Ext.getBody(),
        src: 'https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/512/social_google_box.png',

        imgCls:'yourCSScls',


        //defines the element that wraps around the image
        autoEl: {
            tag: 'a',
            href: 'http://www.google.com',
            target: '_blank'

                   //add any other attributes to the 'a' tag as needed
        }
    });
});

希望这会对你有所帮助。

ExtJS - autoEl的width和height属性

1 个答案: