日韩精品在线影院,福利精品老师,91首页

報表生成器FastReport VCL中的HTML 4.0和CSS！審查新的“HTMLView”報告對象

翻譯|使用教程|編輯：楊鵬連|2021-05-31 10:41:46.463|閱讀 326 次

概述：讓我們運行報表設計器。首先，我們必須選擇我們想要使用的數據。在本文中，我們將使用標準數據庫 ( Main Demo ) 中的 Biolife表。該報告將輸出帶圖像的魚類數據。

FastReport VCL是用于Delphi，C ++ Builder，RAD Studio和Lazarus的報告和文檔創建VCL庫。它提供了可視化模板設計器，可以訪問為30多種格式，并可以部署到云，網站，電子郵件和打印中。

近日，FastReport VCL更新至v6.9，在新版本中，在PDF更新中增加了對以下對象的并行表單支持：文本，替換和圖片。相互之間形式中。同時修復了多個Bug問題。歡迎下載體驗。（旁邊向下按鈕下載）

對于種類繁多的文檔格式，當客戶想要使用他們已有的某種文檔格式并且不想浪費時間在報表中創建相同的布局時，通常會出現這種情況。對于這些情況，FastReport VCL 提供了在文本對象中使用 RichText 或 HTML 標簽的能力，但有時這還不夠。

從FastReport VCL 2021.2 開始，我們擴展了一組用于文本格式設置的工具。

新的 HTMLView 對象可以加載帶有 CSS 樣式的 HTML4，并將其與報表中的表達式、數據字段鏈接和 FastReport VCL 的其他強大功能一起使用。
讓我們逐步檢查如何在報告中使用“HTMLView”。首先，我們必須向應用程序添加一個對象包。為此，我們只需要在應用程序表單上放置“ TfrxHTMLObject”或將frxHTML模塊添加到應用程序的uses子句即可。

現在，當對象注冊后，我們可以從運行時報告設計器中使用它。

讓我們運行報表設計器。首先，我們必須選擇我們想要使用的數據。在本文中，我們將使用標準數據庫 ( Main Demo ) 中的 Biolife表。該報告將輸出帶圖像的魚類數據。

連接到數據集

現在我們可以將報表對象面板中的“ HTMLView ”放置在創建的數據帶上。

在我們的例子中，HTML 代碼是之前創建的，并通過剪貼板插入。也可以從文件加載 HTML 代碼。代碼應僅包含 HTML4.0 和 CSS（不支持 JavaScript 和其他 Web 擴展）。

為了在 HTML 代碼中實現數據的最佳布局，我們使用了一個包含我們需要的所有數據字段的表格。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.t1{
 table-layout: fixed;
}
.c1{
word-wrap:break-word;
}
 .rightimg {
 float: right;
 margin: 7px 0 7px 7px;
 } 
.s0 {
 font-family: Arial;
 font-size: 16px;
 color: #000000; font-weight: bold; font-style: normal;
 background-color: #BAD3FE;
 border-left-color:#C0C0C0; border-left-style: solid; border-left-width: 1px;
 border-right-color:#C0C0C0; border-right-style: solid; border-right-width: 1px;
 border-top-color:#C0C0C0; border-top-style: solid; border-top-width: 1px;
 border-bottom-color:#C0C0C0; border-bottom-style: solid; border-bottom-width: 1px;
 text-align: Left; vertical-align: Top;
 padding-top: 1px;
 padding-left: 2px;
}
</style>
</head>
<body>
<table class="t1" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="2" class="s0"></td>
</tr>
<tr>
<td><b>Category</b></td><td></td>
</tr>
<tr>
<td><b>Species Name</b></td><td></td>
</tr>
<tr>
<td><b>Length (cm)</b></td><td></td>
</tr>
<tr>
<td><b>Length In</b></td><td ></td>
</tr>
<tr>
<td class="c1"><span style="max-width:150px;"></span></td>
<td><img src=""></td>
</tr>
</tbody> 
</table>
</body>
</html>

現在要將我們的 HTML 代碼與數據字段鏈接起來，只需使用帶有表達式編輯器的對象編輯器并插入數據表達式。

圖像數據字段將自動編碼為 base64，并使用存儲在數據庫中的正確 mime 類型的圖像。FastReport VCL 將自動執行此操作。

“HTMView”對象支持相對于其中的內容增長到底部（拉伸），就像“RichText”對象一樣。當然，當報表頁面沒有足夠的可用空間時，“HTMLView”對象支持數據拆分?？梢韵裨?FastReport VCL 的其他報表對象中一樣激活數據拉伸和數據拆分。首先，我們需要設置樂隊的 Stretched 和 AllowSplit 屬性。然后在我們的例子中將“HTMLView”對象的 StretchMode 屬性設置為 smActualHeight。