Question

我想改变文本按钮的样式，就像我想添加背景图片一样，我想用GXT 3.0改变背景颜色

有人帮我plzzz

提前致谢

Answer 1

首先，在客户端java代码中设置此样式：

aButton.addStyleName("my_button_style");

或者，您可以使用setStyleName（）方法，甚至可以使用setStyleAttribute（）更改特定的样式属性。

在客户端java代码中完成后，您可以在为页面加载的css文件中定义样式。

您还可以在渲染组件后更改样式。它应该正确刷新按钮的外观。

Answer 2

GXT 3有一种更清洁的方式来处理这些要求。您必须使用Sencha 3中提供的Appearance API。以下是此过程中涉及的关键点。

外观界面，实施和替换
使用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>

此博客文章详细介绍了这一概念 Ext GWT 3.0 Appearance Design

如何在Gxt 3.0中更改TextButton样式

2 个答案: