2

背景画像を追加したり、GXT 3.0を使用して背景色を変更したりするように、テキストボタンのスタイルを変更したい

誰かが私を助けてくれますplzzz

前もって感謝します

4

2 に答える 2

1

GXT 3には、この種の要件を処理するためのよりクリーンな方法があります。Sencha3で提供されているAppearanceAPIを使用する必要があります。このプロセスに関係する重要なポイントは次のとおりです。

  • 外観インターフェイス、実装、および置換
  • CssResourceを使用したスタイリング
  • ClientBundleを使用してcssリソースをフェッチします
  • マークアップにスタイル/プロパティを適用するためのXTemplates

この場合、必要なことは、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>

このブログ投稿には、このコンセプトに関する包括的な詳細が 含まれていますExtGWT3.0外観デザイン

于 2013-03-05T11:17:30.213 に答える
1

まず、クライアント側のJavaコードでこのスタイルを設定します。

aButton.addStyleName("my_button_style");

または、setStyleName()メソッドを使用するか、setStyleAttribute()を使用して特定のスタイル属性を変更することもできます。

クライアント側のJavaコードでそれを行った後、ページにロードされるcssファイルでスタイルを定義できます。

コンポーネントのレンダリング後にスタイルを変更することもできます。ボタンの外観を適切に更新する必要があります。

于 2013-02-06T21:02:02.870 に答える