在 Birt 中使用外部样式表

Question

我正在创建一个简单的外部样式表，我想将它应用到我的 birt 报告中，但我遇到了样式表元素未加载到报告中的问题，或者即使在我尝试呈现为 PDF 时也已加载或不再应用我定义的样式的 HTML 页面。下面是我的示例样式表。

.report-label
{
    color: #365F91;
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
}

.report-data
{
    color: #000000;
}

我尝试通过转到 rptdesign 大纲将其应用为一种样式。右键单击“样式”并选择“使用 CSS 文件...” 加载样式表后，我转到我想要应用样式的报表元素，在常规选项卡中有一个样式部分，其中包含一个下拉菜单，我可以在其中选择要应用的样式。例如，我可能会选择“.report-label”，并且在报告的布局中，它看起来像是应用了样式。但是，当我将它作为 PDF 或 HTML 运行时，不再应用该样式。

有时，当我对 CSS 表进行更改时，我会重新加载我所做的工作，CSS 文件中的所有项目都会消失，我无法再访问它们甚至应用样式。 如果我采用确切的代码并将其复制到一个新文件中，然后使用该 css 文件，那么我可以再次访问它们。任何关于如何让它正常工作的建议，以便在我生成 PDF 和 HTML 报告时一切都在那里，将不胜感激

Answer 1

除了使用 BIRT Designer 的“使用 CSS”对话框加载 CSS 文件外，您还可以使用报告布局的 clientScripts > clientInitialize 部分中的 head.js 脚本将外部样式表加载到 BIRT 报告中。

例如，

head.js("http://localhost/sample.css",function() {
    // Call a function when done
    console.log("Done loading external CSS");
});

然后在报告的文本项中包含您的 HTML。

Answer 2

我尝试了同样的方法，它对我有用。使用 BIRT 设计器 4.4：

• 我在与 BIRT 报告相同的 Eclipse 项目中创建了文件 test.css
• 将您的样式规则报告标签和报告数据复制到此文件中
• 在“使用 css 文件”的报告中包含 test.css，未选中“在运行时包含 css”选项。
• 如您所述，已将报告标签和报告数据应用于报告元素

运行报告时，这些样式在 html 和 pdf 格式中都正确应用。在 test.css 中将报告标签类的颜色更改为“绿色”后，在执行报告时会立即考虑此更改。

也许您应该提供一个示例报告来显示问题并指定您将 css 文件放在哪里，这样会更容易找出您的问题所在。