当前位置: 首页 > 知识库问答 >
问题:

如何在Gxt 3.0中更改TextButton样式

宫俊才
2023-03-14

我想更改textbutton的样式,就像我想添加背景图像一样,我想使用GXT 3.0更改背景颜色

有人帮帮我plzzz

提前感谢

共有2个答案

乐正嘉瑞
2023-03-14

首先,在客户端java代码中设置此样式:

aButton.addStyleName("my_button_style");

或者,您可以使用setStyleName()方法,甚至使用setStyleAttory()更改特定的样式属性。

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

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

周飞语
2023-03-14

GXT 3有一种更简洁的方法来处理此类需求。您必须使用Sencha 3中提供的外观API。以下是该过程中涉及的关键点。

  • 外观接口、实现和替换
  • 使用CssResources设置样式
  • 使用ClientBundle获取css资源
  • 将样式/属性应用于标记的XTemplate

在这种情况下,您需要做的是实现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外观设计

 类似资料:
  • 这是输出: 我试图制作一个应用程序,但当我使用时,我得到了两个按钮之间的空间 我需要一个接一个没有空间 如果使用小部件,不起作用 我尝试了,但我无法清除这些内容。 我尝试使这种类型的. 有人知道或知道这件事吗?

  • 我使用以下样式,通常使用ButtonBlue。在菜单上,样式应改为ButtonBlue。大号的款式是这样的: 有没有办法将样式更改为多个按钮?因为我有31个按钮,如果每个按钮都需要手动更改,那就太多了 提前谢谢 编辑:我在活动中应用了按钮蓝色样式。xml 但我的问题是,我不知道如何在Java代码中通过按钮应用新样式

  • 问题内容: 假设我要对JComboBox中的箭头使用自定义图像,该怎么做? 我知道可以使用synth xml文件甚至UIManager.put(…),但是我不知道如何。我现在要做的就是将箭头图像更改为其他图像,无论是以编程方式还是仅覆盖其使用的图像。我到底该怎么做? 问题答案: 您可以在中覆盖。是一个方便的起点。 然后安装它。

  • 我正在寻找一种通过改变散列来改变部分样式的方法。让我以一个例子来解释: > 当前URL为: 然后单击复选框,URL将更改为: 我想更改类的。 我尝试了以下代码,但它不起作用: 实际上,每次哈希更改时,控制台中都不会出现任何内容。

  • 问题内容: 我有一个Android应用程序,当用户点击时,我想应用定义的样式。 我以为找到一个,但它不存在。我试过了 但它不起作用。 问题答案: 我通过创建一个新的XML文件来做到这一点,如下所示: 我的文件中也有一个条目,如下所示: 然后,在我的代码中,我创建了一个来捕获该上的tap事件: 编辑: 自API 23起,不建议使用 要改回它,你可以使用以下命令:

  • 问题内容: 如何更改复选框(输入)边框的样式?我已经戴上了它,但是在FireFox 3.5中,什么都没有发生! 问题答案: 如果 任何 浏览器发生问题,我都会感到惊讶。这是那些出色的表单元素之一,浏览器往往不会让您设置太多样式,并且人们通常尝试替换为javascript,以便他们可以设置样式/代码以使其外观和行为类似复选框。