上一頁 下一頁

作業 7:將報告格式化

現在,您已驗證報告是依正確順序顯示正確的資料,而您可以將注意力轉移到改進報告的外觀。在本節中,您要執行下列作業:

*
*
*
*

編輯直欄標題

1  
2  
3  
用下列文字來取代 CUSTOMERNAME:
Customer
4  
重複步驟 23,將第二和第三個直欄標題改成下列文字:
Phone
Contact
報告設計看起來應如圖 1-23 所示。

圖 1-23 報告設計中已修訂的直欄標題

圖 1-23  報告設計中已修訂的直欄標題

格式化直欄標題

如果要將報告元素格式化,請以下列兩種方式之一設定其內容:

*
*

您可能會注意到在報告設計中,直欄標題以純文字出現並且置中對齊。但是在產生的 HTML 報告中,直欄標題是以粗體顯示並且置中。會出現這種差異是因為 BIRT 對於放在表格標頭中的項目,會採用瀏覽器的預設格式。

在這項程序中,您會使用「內容編輯器」讓直欄標題靠左對齊,並定義樣式以將顏色新增至標頭列。

1  
1  

圖 1-24「內容編輯器」中所選元素的內容

圖 1-24  在「內容編輯器」中所選元素的內容

「靠左」按鈕

2  

「粗體」按鈕

3  
4  
2  
1  
從主功能表列中,選擇「元素樣式新建樣式」。
這時會出現「新建樣式」,如圖 1-25 所示。左側會顯示內容種類。右側會顯示所選種類的內容。

圖 1-25 新建樣式

圖 1-25  新建樣式
2  
table_header_row
3  
4  
*
*
選擇「確定」。
5  

圖 1-26 在表格頂端和左側的指引資料格

圖 1-26  在表格頂端和左側的指引資料格
6  
7  
8  
3  

圖 1-27 報告預覽顯示標頭列樣式

圖 1-27  報告預覽顯示標頭列樣式

單行顯示姓名

當您將多個元素放在單一資料格時,「BIRT 報告設計程式」會建立區塊層的元素。如果您熟悉 HTML,您會知道每個區塊元素都是換行起始的。 如果要在同一行中顯示多個元素,您必須將它們設為行內元素。 另外,您也可以依照這個程序所說明,將名稱和姓氏值連結起來,顯示在單一資料元素中。

1  
2  
3  
圖 1-28 所示,「編輯資料連結」會顯示與現行資料元素相關聯資料的相關資訊。在「表示式」中,dataSetRow["CONTACTFIRSTNAME"] 指出資料元素會顯示資料集中之 CONTACTFIRSTNAME 欄位的資料。

圖 1-28 編輯資料連結

圖 1-28  編輯資料連結

「表示式建置器」按鈕

4  
表示式建置器會在視窗頂端的文字區中顯示表示式。
5  
dataSetRow["CONTACTFIRSTNAME"] + " " + dataSetRow["CONTACTLASTNAME"]
圖 1-29 顯示表示式建置器中的這個表示式。空的引號 (" ") 會在名字和姓氏之間加一個空格。您可以在文字區中輸入表示式;或者按兩下視窗右下角的項目,將它插入表示式。

圖 1-29 表示式建置器顯示連結資料的表示式

圖 1-29  表示式建置器顯示連結資料的表示式
6  
已編輯的表示式會出現在「編輯資料連結」中。
7  
8  

圖 1-30 顯示已連結聯絡人名稱的報告預覽

圖 1-30  顯示已連結聯絡人名稱的報告預覽

增加列的間距

預設佈置會在表格的各列之間增加最小的空間。您通常會想調整列的間距。

1  
2  

圖 1-31 佈置編輯器中所選的表格列

圖 1-31  佈置編輯器中所選的表格列
這時「內容編輯器」會顯示該列的內容。出現在「內容編輯器」中的標題會顯示所選元素的類型,因此,您應該會看到「內容編輯器—列」。
3  

圖 1-32 設為 24 點的列高

圖 1-32  設為 24 點的列高
4  
預覽報告。報告看起來應如圖 1-33 所示。資料列的間距比較大。

圖 1-33 顯示加大列距的報告預覽

圖 1-33  顯示加大列距的報告預覽

© Copyright Actuate Corporation 2013