在使用MyEclipse Reports創(chuàng)建Web報(bào)表（上）一文中，小編為大家介紹了如何創(chuàng)建報(bào)表Web項(xiàng)目、創(chuàng)建報(bào)表、創(chuàng)建數(shù)據(jù)集以及制定一個(gè)報(bào)表。接下來小編將為大家介紹另外幾節(jié)的內(nèi)容，希望能夠幫助到大家。

5. 數(shù)據(jù)排序

默認(rèn)的數(shù)據(jù)行排序受許多因素的影響，例如受在數(shù)據(jù)庫中創(chuàng)建數(shù)據(jù)順序的影響。在很多情況下，您可能會(huì)想改變數(shù)據(jù)出現(xiàn)在報(bào)表中的順序。

（1）在報(bào)表設(shè)計(jì)器中，單擊布局選項(xiàng)來返回布局編輯器。

（2）在布局編輯器中，單擊左下角的表格選項(xiàng)。當(dāng)鼠標(biāo)停留在該區(qū)域時(shí)標(biāo)簽會(huì)出現(xiàn)。屬性編輯器會(huì)顯示所選表的屬性。

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

（3）點(diǎn)擊排序選項(xiàng)，然后單擊添加指定排序的關(guān)鍵字。

（4）從關(guān)鍵字的下拉列表中選擇CUSTOMERNAME，然后再從Direction的下拉列表中選擇升序，同時(shí)單擊確定。排序選項(xiàng)為您定義的表格添加新的CUSTOMERNAME排序關(guān)鍵字。

（5）再次預(yù)覽報(bào)表。這次數(shù)據(jù)行出現(xiàn)在CUSTOMERNAME列數(shù)據(jù)的升序排序中。

預(yù)覽數(shù)據(jù)排序的CUSTOMERNAME列時(shí)，注意大寫字母的名稱出現(xiàn)在列表的頂部。MyEclipse報(bào)表通過UCS2代碼值排序字符串?dāng)?shù)據(jù)。在基于ASCII字符的集合，大寫字母比小寫字母的代碼值低，因此大寫字母在小寫字母之前。

接下來，排序customer names不考慮ANG經(jīng)銷商出現(xiàn)在American Souvenirs Inc之前的情況。

（6）在屬性編輯器中，單擊排序選項(xiàng)，選擇CUSTOMERNAME排序關(guān)鍵字，然后單擊編輯。

（7）在排序關(guān)鍵字編輯器中，更改排序關(guān)鍵字表達(dá)了以下內(nèi)容，然后單擊確定。

row["CUSTOMERNAME"].toUpperCase()

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

預(yù)覽報(bào)表并確認(rèn)customer名稱出現(xiàn)在升序排列中。

6. 格式化的報(bào)表

現(xiàn)在，該報(bào)表顯示數(shù)據(jù)的正確順序，您可以將注意力放在改善報(bào)表外觀上。

6.1 編輯列標(biāo)題標(biāo)簽

（1）在報(bào)表設(shè)計(jì)器中，單擊布局選項(xiàng)，返回布局編輯器。

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

（3）重復(fù)步驟2來分別更換Phone和Contact這兩個(gè)列標(biāo)題。

6.2 格式化列頭標(biāo)簽

要格式化報(bào)表元素，設(shè)置其屬性。您有兩種方法來完成這個(gè)任務(wù)：

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

首先，使用屬性編輯器設(shè)置列標(biāo)題加粗。

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

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

（3）通過單擊表外的空白區(qū)域取消選中的列標(biāo)題。

接著，通過定義和應(yīng)用樣式給標(biāo)題行添加背景顏色。

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

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

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

（4）為背景顏色屬性指定一種顏色，使用下列方法當(dāng)中的一個(gè)：

• 選擇屬性旁邊的按鈕，然后從出現(xiàn)的調(diào)色板中選擇顏色。
• 從下拉列表中選擇顏色。

（5）點(diǎn)擊確定。

（6）在布局編輯器中，通過點(diǎn)擊左下角的表選項(xiàng)來選擇表。當(dāng)您的鼠標(biāo)移動(dòng)到表格的左下角時(shí)會(huì)顯示該選項(xiàng)。單擊標(biāo)簽會(huì)導(dǎo)致導(dǎo)向單元格出現(xiàn)在表格的頂部和左側(cè)。

（7）選擇旁邊標(biāo)題行的導(dǎo)向單元格。屬性編輯器顯示選定行的屬性。

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

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

（10）預(yù)覽報(bào)表。報(bào)表標(biāo)題背景顯示您所選擇的顏色。

6.3 在同一行中顯示姓和名

當(dāng)您創(chuàng)建多個(gè)元素的單個(gè)單元格時(shí)，MyEclipse報(bào)表設(shè)計(jì)器創(chuàng)建塊級(jí)元素。如果您熟悉HTML，就知道每個(gè)塊元素會(huì)開始一個(gè)新的行。要在同一行中顯示多個(gè)元素，需要將他們?cè)O(shè)置為內(nèi)聯(lián)元素。或者，可以將姓和名的值顯示在一個(gè)單一的數(shù)據(jù)元素中，具體過程如下所述。

（1）在報(bào)表設(shè)計(jì)器中，單擊布局選項(xiàng)，返回布局編輯器。

（2）刪除顯示[CONTACTLASTNAME]的數(shù)據(jù)元素。

（3）雙擊顯示[CONTACTFIRSTNAME]的數(shù)據(jù)元素。

編輯數(shù)據(jù)項(xiàng)綁定窗口提供與當(dāng)前數(shù)據(jù)元素相關(guān)的數(shù)據(jù)信息。在表達(dá)式字段，dataSetRow["CONTACTFIRSTNAME"]表示在數(shù)據(jù)集中從CONTACTFIRSTNAME字段中顯示數(shù)據(jù)。

（4）點(diǎn)擊表達(dá)式字段旁邊的表達(dá)式生成器按鈕。

表達(dá)式生成器在頂部窗口的文本區(qū)域顯示表達(dá)式。

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

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

在表達(dá)式生成器中通過選擇一個(gè)數(shù)據(jù)集區(qū)域的空引號(hào)（""）來在姓和名之間添加一個(gè)空格來創(chuàng)建級(jí)聯(lián)數(shù)據(jù)。可以在文本區(qū)域輸入表達(dá)式，或雙擊窗口的右下角來將表達(dá)式插入一個(gè)項(xiàng)目中。如圖所示，您可以雙擊來將表達(dá)式插入列中。

（6）單擊確定關(guān)閉表達(dá)式生成器。編輯的表達(dá)式出現(xiàn)在編輯數(shù)據(jù)項(xiàng)綁定窗口。單擊確定將更改保存到數(shù)據(jù)元素。

（7）預(yù)覽報(bào)表。該報(bào)表應(yīng)如下所示。

6.4 增加行距

默認(rèn)布局添加表行之間的最小空間。通常情況下，您可能需要調(diào)行與行之間的間距。

（1）單擊布局選項(xiàng)。

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

（3）在常規(guī)屬性中，設(shè)置高度為24，以增加每行的高度。

（4）預(yù)覽報(bào)表。報(bào)表包含的數(shù)據(jù)行之間有更多的空間。

7. 添加報(bào)表標(biāo)題

要顯示的標(biāo)題，您可以使用標(biāo)簽元素、文本元素或數(shù)據(jù)元素。

• 標(biāo)簽元素適合短期、靜態(tài)文本，如列標(biāo)題。
• 所述數(shù)據(jù)元素適于從數(shù)據(jù)集字段或計(jì)算字段中顯示動(dòng)態(tài)值。
• 文本元素適合于包含不同格式或動(dòng)態(tài)值的多行文本。

此過程使用文本元素和HTML標(biāo)記來格式化文本。請(qǐng)注意，您沒有使用創(chuàng)建HTML格式的文本要求。但是，如果您精通HTML或網(wǎng)頁設(shè)計(jì)，可能更喜歡使用創(chuàng)建HTML的格式化文本塊。

（1）單擊布局選項(xiàng)。

（2）從調(diào)色板中拖動(dòng)文本元素并將其放在表格上，打開文本編輯器項(xiàng)目。

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

（4）在文本區(qū)域輸入下面的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）單擊確定，然后預(yù)覽報(bào)表。報(bào)表應(yīng)類似于下面的報(bào)表。

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

• 在多行文本塊的每一行使用不同的格式。
• 插入動(dòng)態(tài)值，如當(dāng)前日期。

另外，您也可以使用：

• 兩個(gè)標(biāo)簽元素來顯示靜態(tài)文本，第一和第二行。
• 數(shù)據(jù)元素來顯示包含動(dòng)態(tài)值的第三行。 

8. 部署和測試報(bào)表

該報(bào)表已經(jīng)被設(shè)計(jì)和格式化了，下一步便是部署到Web服務(wù)器上，同時(shí)使網(wǎng)絡(luò)瀏覽器進(jìn)行測試報(bào)表操作。

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

（2）附加的報(bào)表訪問網(wǎng)頁的URL名稱，類似于//localhost:8080/reportdemo/demo_report.jsp。

（3）點(diǎn)擊開始或按Enter鍵加載在瀏覽器中的報(bào)表。

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