ExtJS4 - autoEl 너비 및 높이 속성

Question

안녕하세요, ExtJS4를 사용하는 웹 앱을 만들고 이미지에 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 
     } 
    }); 
}); 

희망입니다.