ExtJS 4中的autoEl width and height属性

vtwuwzda 于 2022-09-26 发布在其他

关注(0)|答案(1)|浏览(305)

我正在使用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 JS Fiddle example那里得到这个主意的
然而，所发生的情况是图像非常大，width和height属性根本不应用于图像。关于如何使用autoEl属性指定图像的宽度和高度，有什么想法吗？

extjs

来源：https://stackoverflow.com/questions/28134224/autoel-width-and-height-property-in-extjs-4

1条答案

按热度按时间

ghhkc1vu1#

请将***imgCls***属性添加到xtype，如下所示，并为其编写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
        }
    });
});

希望这对你有所帮助。

赞(0）回复(0）举报 2022-09-26

我来回答

ExtJS 4中的autoEl width and height属性

1条答案

相关问题

热门标签

最新问答