0

我正在使用 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);

但它不工作！任何指针？谢谢。

4

2 回答 2

1

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

于 2013-05-14T21:39:17.027 回答
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 样式只是失败（好的样式是在元素上设置的，但是您要更改的实际位置会呈现在 table down 中的 td 中的 div 中该行和 div 会覆盖您从您设置的 css 继承的值）。最佳实践肯定是采用 GXT3 小部件的完整外观路线，但对于一个小改动来说这是很多工作，所以我有时会使用上述方法。

于 2013-04-16T11:37:30.120 回答