GXT에서 TextButton 스타일을 변경하는 방법 3.0

Question

내가 배경 이미지를 추가 할 같은 textbutton의 스타일을 변경하고 싶은

사람이 사전에

감사 plzzz 도와 내가 GXT 3.0을 사용하여 배경 색상을 변경하려면

Answer 1

GXT 3은 이러한 종류의 요구 사항을 처리 할 수있는 더 깨끗한 방법을 제공합니다. Sencha 3에서 제공되는 Appearance API를 사용해야합니다.이 과정에서 중요한 점은 다음과 같습니다.

이 경우

를 마크 업하는 스타일/속성을 적용 할 수

XTemplates를 CSS 자원을 가져올 CssResource와

외관 인터페이스, 구현 및 대체

스타일링

사용 ClientBundle 무엇 TextButtonCell에 대한 모양을 구현하는 것입니다 (TextButton이 TextButtonCell을 모양으로 사용하기 때문에). css Style 리소스를 사용하여 필수 스타일을 제공합니다 (실제 .css에 주석을 추가합니다. 소스로서의 파일 경로). 예 :

 public interface TextButtonResources extends ClientBundle 
    { 
      @Source("TextButton.css") 
      Style style(); 
    } 

그런 다음 기본 제공 TextButtonCell 모양으로 대체하십시오.

<replace-with class="fullyQualifiedNameToYourButtonCellAppearanceClass"> 
     <when-type-is class="com.sencha.gxt.cell.core.client.ButtonCell.ButtonCellAppearance" /> 
    </replace-with> 

이 블로그 게시물이 개념 Ext GWT 3.0 Appearance Design

Answer 2

먼저 당신이 당신의 클라이언트 측 자바 코드에서이 스타일을 설정합니다

aButton.addStyleName("my_button_style"); 

을 양자 택일로, 당신은의 setStyleName() 메서드를 사용하거나 SPECI을 변경할 수 있습니다 setStyleAttribute()로 fic 스타일 속성.

클라이언트 측 Java 코드에서이 작업을 완료 한 후에는 페이지에로드 된 CSS 파일에서 스타일을 정의 할 수 있습니다.

구성 요소가 렌더링 된 후에 스타일을 변경할 수도 있습니다. 버튼 모양이 제대로 새로 고쳐 져야합니다.