Gwt 如何设置GXT'的样式;s信息显示?

Gwt 如何设置GXT'的样式;s信息显示?,gwt,gxt,Gwt,Gxt,我使用GXT的Info类来显示消息/通知。我正在尝试使用以下命令更改信息类的样式: NotificationInfo info = new NotificationInfo(); // extends Info class // Configuration InfoConfig config = new DefaultInfoConfig(title, message); config.setDisplay(milliseconds); // Formatting info.setStyleNa

我使用GXT的
Info
类来显示消息/通知。我正在尝试使用以下命令更改信息类的样式:

NotificationInfo info = new NotificationInfo(); // extends Info class
// Configuration
InfoConfig config = new DefaultInfoConfig(title, message);
config.setDisplay(milliseconds);
// Formatting
info.setStyleName("background-color:#f9ff4f;text-align:center;" + "border:0x solid black; padding: 3px; font-size:11px;font-weight: bold;");
info.show(config);
但它不起作用!有什么建议吗? 谢谢。

这应该可以。。。(对于GXT3,它无论如何都会这样做)

顺便说一句,如果您需要为gwt小部件(您正在GXT应用程序中使用)执行类似的操作,您可以执行

info.getElement().<XElement> cast().applyStyles("background-color:#f9ff4f;text-align:center;" + "border:0x solid black; padding: 3px; font-size:11px;font-weight: bold;");
info.getElement()。cast().applyStyles(“背景色:#f9ff4f;文本对齐:中间;“+”边框:0x纯黑;填充:3px;字体大小:11px;字体重量:粗体;”;

注意:我不确定这样内联设置的优点,但是设置css样式失败了(好的,样式是在元素上设置的,但是您要更改的实际位置会在td in表中的一个div中呈现,div会覆盖您设置的css继承的值)。最佳实践当然是采用GXT3小部件的完整外观路线,但这对于一个小改动来说是一个很大的工作,所以我有时会使用上面的方法。

应用样式只是一个快速的解决方案,不是最好的,因为GWT
CssResource
与直接CSS应用相比没有什么优势,比如缩小、验证。正如在另一个答案中提到的,最好的方法是创建一个包含样式的外观,并用您的样式替换
NotificationInfo
的外观。我以前也回答过类似的问题。我想这会有帮助的

styleName应该指向CSS文件中的样式?以及您使用的GXT版本。我在GWT应用程序中使用最新版本的GXT。是的,我在GWT应用程序中使用它。我使用了getElement(),它可以工作,但有点难看!!我可以在背景中看到父对象的格式(黑色背景和白色文本)。好吧,我来尝尝苹果叶;)
info.getElement().<XElement> cast().applyStyles("background-color:#f9ff4f;text-align:center;" + "border:0x solid black; padding: 3px; font-size:11px;font-weight: bold;");