ExtJs 2.3에서 ExtJS '버튼의 배경 이미지를 올바르게 표시하는 방법

Extjs 2.3은 꽤 오래되었지만 다른 사람의 작업을 인계 받고 있습니다. 지금 내 손이 묶여 있습니다.ExtJs 2.3에서 ExtJS '버튼의 배경 이미지를 올바르게 표시하는 방법

글쎄, 나는 인터페이스에서 몇 가지 사항을 변경하고 새로운 기능을 추가하기로되어 있습니다. 이것은 내 첫번째 진짜 ExtJS 작품 (여기 jquery 소년)입니다.

단추에 새 아이콘을 추가하려고했는데 단추 개체 속성이나 CSS에서 단추의 높이에 영향을 줄 수 없으므로 이미지를 올바르게 표시 할 수없는 것처럼 보입니다. 내가 관리하는 모든 것은 버튼의 너비에 영향을 미칩니다. 여기

이 telButton 클래스의 사용과 내 시도

btntelButton = new Ext.Button({ 
      name: 'telbtn', 
      id: 'btntel', 
      cls : 'x-btn-icon', 
      iconCls: 'telButton', 
      minWidth : 95, 
     }); 
    <style type="text/css"> 
     .telButton 
     { 
      height: 60px; 
      background-image: url(images/tel.png) !important; 
     } 
    </style>

입니다 내가의 스타일을 사용할 때 backgound에 이미지가 있지만, 이미지 showing here 의 작은 부분을 도시, 최소 크기로 조정 온다 내가 전달 몇 시간 동안 내 머리를 당겨 봤는데 this 그것의

//... 
    id: 'btntel', 
    cls : 'x-btn-icon', 
    style: {height: '90px'} 
    //...

같은 버튼 자체를 보여줍니다. Extjs 사람들이 어떻게할까요? 이 점을 밝혀주세요.

이

style:{height:'60px'}

제 생각으로 당신의 CSS 클래스를 선언 할 것이다 : 덕분에

출처

2011-08-24 black sensei

기분을 좋게하려면 : Ext 3.x는 그다지 좋지 않습니다. 4.x를 시도하지 않았으므로 말할 수 없습니다. – Mchl

그래, 고마워.하지만 내가 말했듯이, 현재 이주하는 것은 과잉이 될 것이다. 나는 지금 2.3을 사용해야 만한다. 덕분에 –

이것은 실제로 질문과 관련이 없으며 너무 건설적이지만 ExtJS는 상당한 역사와 모든 기능을 갖춘 성숙한 UI 프레임 워크 인 반면에 ExtJS는 다음과 같은 기본 기능을 제공하지 않습니다. 이미지 버튼, 그리고 아무도 솔루션을 알고있는 것 같습니다 ... –

를 읽는 당신은 버튼 예를 들어

에 직접 스타일을 추가 할 수 있습니다

.telButton 
    { 
     height: 60px; 
     background-image: url(images/tel.png) !important; 
    }

보다는 - -> button.telButton (차이가 있는지 확실하지 않음)

출처

2011-08-24 16:30:11

bruv !! 내 게시물을 업데이트하고 제안했지만 행운을 빕니다. ( –

안녕하세요. 클래스를 사용하는 동안 배경 이미지의 크기를 다시 조정 해보십시오. –

은 필수 옵션이 아닙니다. Extjs는 그것을 할 수 없다고 생각합니다. –

ExtJs 2.3에서 ExtJS '버튼의 배경 이미지를 올바르게 표시하는 방법

답변

관련 문제