如何改變TEXT按鈕風格GXT 3.0

Question

我想改變TEXT按鈕的風格像我想添加背景圖片，我想使用GXT 3.0改變背景顏色

有人幫我plzzz提前

謝謝

Answer 1

GXT 3有一個更清晰的方式來處理這些類型的需求。您必須使用Sencha 3中提供的Appearance API。以下是涉及此過程的關鍵點。

• 外觀接口，實現與替代
• 造型與CssResource
• 使用ClientBundle獲取CSS資源
• XTemplates申請樣式/屬性加價

在這種情況下什麼您需要做的是爲TextButtonCell實現外觀（因爲TextButton使用TextButtonCell作爲外觀），並使用CSS樣式資源提供所需的樣式（註釋實際的.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

首先您在客戶端的Java代碼中設置此樣式：

aButton.addStyleName("my_button_style"); 

或者，你可以使用setStyleName（）方法，甚至改變SPECI使用setStyleAttribute（）的fic樣式屬性。

在你的客戶端java代碼中完成這些之後，你可以在爲該頁面加載的css文件中定義樣式。

您還可以在渲染組件後更改樣式。它應該適當刷新按鈕的外觀。