Question

我正在使用GXT的Info类来显示消息/通知。我正在尝试使用以下方法更改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);

但它不起作用！任何指针？感谢。

Answer 1

这应该有用......（对于GXT3，无论如何都可以）

info.getElement().applyStyles("background-color:#f9ff4f;text-align:center;" + "border:0x solid black; padding: 3px; font-size:11px;font-weight: bold;");

顺便说一句，如果你需要为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;");

注意：我不确定将其设置为内联的优点，但是设置css样式失败了（确定样式是在元素上设置的，但是想要更改的实际位置在td中的div中呈现在表格中，该行和div会覆盖从您设置的CSS继承的值）。最佳实践肯定是GXT3小部件的完整出现路线，但这对于一个小的改变来说是很多工作，所以我有时会使用上面的。

Answer 2

应用样式只是一种快速解决方案，而不是最好的，因为GWT CssResource与直接CSS应用（如缩小，验证）相比几乎没有什么优势。正如另一个答案所提到的，最好的方法是创建一个包含样式的外观，并用您的样式替换NotificationInfo的外观。我之前回答过类似的问题。认为这会有所帮助。 https://stackoverflow.com/a/15222404/1293087

如何设置GXT Info.display的风格？

2 个答案: