在使用MyEclipse Reports創建Web報表（上）一文中，小編為大家介紹了如何創建報表Web項目、創建報表、創建數據集以及制定一個報表。接下來小編將為大家介紹另外幾節的內容，希望能夠幫助到大家。

5. 數據排序

默認的數據行排序受許多因素的影響，例如受在數據庫中創建數據順序的影響。在很多情況下，您可能會想改變數據出現在報表中的順序。

（1）在報表設計器中，單擊布局選項來返回布局編輯器。

（2）在布局編輯器中，單擊左下角的表格選項。當鼠標停留在該區域時標簽會出現。屬性編輯器會顯示所選表的屬性。

如果屬性編輯器視圖是不可見的，那么選擇Window>Show View>Property Editor。

（3）點擊排序選項，然后單擊添加指定排序的關鍵字。

（4）從關鍵字的下拉列表中選擇CUSTOMERNAME，然后再從Direction的下拉列表中選擇升序，同時單擊確定。排序選項為您定義的表格添加新的CUSTOMERNAME排序關鍵字。

（5）再次預覽報表。這次數據行出現在CUSTOMERNAME列數據的升序排序中。

預覽數據排序的CUSTOMERNAME列時，注意大寫字母的名稱出現在列表的頂部。MyEclipse報表通過UCS2代碼值排序字符串數據。在基于ASCII字符的集合，大寫字母比小寫字母的代碼值低，因此大寫字母在小寫字母之前。

接下來，排序customer names不考慮ANG經銷商出現在American Souvenirs Inc之前的情況。

（6）在屬性編輯器中，單擊排序選項，選擇CUSTOMERNAME排序關鍵字，然后單擊編輯。

（7）在排序關鍵字編輯器中，更改排序關鍵字表達了以下內容，然后單擊確定。

row["CUSTOMERNAME"].toUpperCase()

此表達式使用JavaScript的toUpperCase（）函數來將所有的customer名稱值排序在大寫字母之前。JavaScript函數的名稱是區分大小寫的，所以您的輸入必須和toUpperCase（）完全相同，如圖所示。引用的列名稱也是區分大小寫。在這個表達式中，行["CUSTOMERNAME"]要求使用正確的名稱。如果您輸入行["customername"]，例如在您運行報表時報表運行器顯示錯誤。您可以通過查看其所在的數據資源管理器列名稱拼寫的大小寫來驗證。

預覽報表并確認customer名稱出現在升序排列中。

6. 格式化的報表

現在，該報表顯示數據的正確順序，您可以將注意力放在改善報表外觀上。

6.1 編輯列標題標簽

（1）在報表設計器中，單擊布局選項，返回布局編輯器。

（2）更換Customer的CUSTOMERNAME列標題。布局編輯器允許您直接將光標放在標簽文本上來編輯標簽。按Enter鍵保存新的標簽文本。

（3）重復步驟2來分別更換Phone和Contact這兩個列標題。

6.2 格式化列頭標簽

要格式化報表元素，設置其屬性。您有兩種方法來完成這個任務：

• 通過屬性編輯器設置元素的屬性。
• 定義包含所需特性的格式并將格式應用到的元素中。使用這種方法可以一次定義格式屬性，并且它能應用到多個元素中。

首先，使用屬性編輯器設置列標題加粗。

（1）選擇所有列標題。要選擇多個元素，按Shift鍵單擊每個元素即可。屬性編輯器顯示所選擇的元素屬性。

（2）單擊B按鈕格式化選定的列標題為粗體文字。

（3）通過單擊表外的空白區域取消選中的列標題。

接著，通過定義和應用樣式給標題行添加背景顏色。

（1）選擇Element>Style>New Style。

（2）選擇自定義樣式選項，并在自定義樣式名稱字段中鍵入table_header_row。

（3）從屬性類別列表中選擇背景。

（4）為背景顏色屬性指定一種顏色，使用下列方法當中的一個：

• 選擇屬性旁邊的按鈕，然后從出現的調色板中選擇顏色。
• 從下拉列表中選擇顏色。

（5）點擊確定。

（6）在布局編輯器中，通過點擊左下角的表選項來選擇表。當您的鼠標移動到表格的左下角時會顯示該選項。單擊標簽會導致導向單元格出現在表格的頂部和左側。

（7）選擇旁邊標題行的導向單元格。屬性編輯器顯示選定行的屬性。

（8）選擇屬性，然后一般顯示該行的常規屬性。

（9）通過從樣式下拉列表中選擇的table_header_row來應用樣式。您也可以更改標題文本的顏色，如果需要的話，可以將文本向左對齊。

（10）預覽報表。報表標題背景顯示您所選擇的顏色。

6.3 在同一行中顯示姓和名

當您創建多個元素的單個單元格時，MyEclipse報表設計器創建塊級元素。如果您熟悉HTML，就知道每個塊元素會開始一個新的行。要在同一行中顯示多個元素，需要將他們設置為內聯元素。或者，可以將姓和名的值顯示在一個單一的數據元素中，具體過程如下所述。

（1）在報表設計器中，單擊布局選項，返回布局編輯器。

（2）刪除顯示[CONTACTLASTNAME]的數據元素。

（3）雙擊顯示[CONTACTFIRSTNAME]的數據元素。

編輯數據項綁定窗口提供與當前數據元素相關的數據信息。在表達式字段，dataSetRow["CONTACTFIRSTNAME"]表示在數據集中從CONTACTFIRSTNAME字段中顯示數據。

（4）點擊表達式字段旁邊的表達式生成器按鈕。

表達式生成器在頂部窗口的文本區域顯示表達式。

（5）要連接姓和名，編輯表達式如下：

dataSetRow["CONTACTFIRSTNAME"]+" "+ dataSetRow["CONTACTLASTNAME"]

在表達式生成器中通過選擇一個數據集區域的空引號（""）來在姓和名之間添加一個空格來創建級聯數據。可以在文本區域輸入表達式，或雙擊窗口的右下角來將表達式插入一個項目中。如圖所示，您可以雙擊來將表達式插入列中。

（6）單擊確定關閉表達式生成器。編輯的表達式出現在編輯數據項綁定窗口。單擊確定將更改保存到數據元素。

（7）預覽報表。該報表應如下所示。

6.4 增加行距

默認布局添加表行之間的最小空間。通常情況下，您可能需要調行與行之間的間距。

（1）單擊布局選項。

（2）選擇表的詳細信息行，即中間行。屬性編輯器顯示屬性行。顯示在屬性編輯器的標題顯示的是您選擇的元素類型，所以您應該看見屬性編輯器 – 行。

（3）在常規屬性中，設置高度為24，以增加每行的高度。

（4）預覽報表。報表包含的數據行之間有更多的空間。

7. 添加報表標題

要顯示的標題，您可以使用標簽元素、文本元素或數據元素。

• 標簽元素適合短期、靜態文本，如列標題。
• 所述數據元素適于從數據集字段或計算字段中顯示動態值。
• 文本元素適合于包含不同格式或動態值的多行文本。

此過程使用文本元素和HTML標記來格式化文本。請注意，您沒有使用創建HTML格式的文本要求。但是，如果您精通HTML或網頁設計，可能更喜歡使用創建HTML的格式化文本塊。

（1）單擊布局選項。

（2）從調色板中拖動文本元素并將其放在表格上，打開文本編輯器項目。

（3）在編輯文本項目中，從下拉列表中選擇自動HTML。選擇HTML使您可以嵌入HTML標記或CSS屬性中的文本。您可以輸入標簽，同時也可以將常用的HTML標簽提供給文本編輯器。

（4）在文本區域輸入下面的HTML：

<CENTER>
<SPAN style="font-size: larger">
<B>Customer List</B>
</SPAN>
<BR>
<FONT size="small">For internal use only</FONT>
<BR><BR>
Report generated on <VALUE-OF>new Date( )</VALUE-OF>
</CENTER>
<BR><BR>

（5）單擊確定，然后預覽報表。報表應類似于下面的報表。

正如你所看到的，使用嵌入HTML文本元素，您可以：

• 在多行文本塊的每一行使用不同的格式。
• 插入動態值，如當前日期。

另外，您也可以使用：

• 兩個標簽元素來顯示靜態文本，第一和第二行。
• 數據元素來顯示包含動態值的第三行。 

8. 部署和測試報表

該報表已經被設計和格式化了，下一步便是部署到Web服務器上，同時使網絡瀏覽器進行測試報表操作。

（1）右鍵單擊reportdemo項目，選擇Run As>MyEclipse Server Application，并選擇MyEclipse Tomcat服務器。MyEclipse集成的Web瀏覽器打開類似于初始的URL：//localhost:8080/reportdemo/。

（2）附加的報表訪問網頁的URL名稱，類似于//localhost:8080/reportdemo/demo_report.jsp。

（3）點擊開始或按Enter鍵加載在瀏覽器中的報表。

注意：由于報表連接到MyEclipse Derby服務器，您必須確保服務器正常運行，否則報表引擎將無法連接，同時也無法從中獲取數據。您在創建愛你Customers數據集時啟動Derby服務器。如果您沒有手動停止它，那么它應該一直運行。由于報表Web項目是一個擴展的報表運行時Web項目，它可以部署到任何的JEE Web服務器上。更多設置和部署到其他Web服務器上的信息請查看。