ก่อนหน้า ถัดไป

งาน 7:  จัดรูปแบบรายงาน

ถึงตอนนี้ คุณได้ตรวจสอบว่า รายงานแสดงข้อมูลที่ถูกต้องในลำดับที่ถูกต้อง, คุณสามารถให้ความสนใจในการปรับปรุงลักษณะที่ปรากฏของรายงาน คุณดำเนินการกับภารกิจต่อไปนี้ในส่วนนี้:

*
*
*
*

แก้ไขส่วนหัวของคอลัมน์

1  
2  
3  
แทน CUSTOMERNAME ด้วยข้อความต่อไปนี้:
ลูกค้า
4  
ทำซ้ำขั้นตอน 2 และ 3 เพื่อเปลี่ยนแปลงส่วนหัวของคอลัมน์ที่สองและสามเป็นข้อความต่อไปนี้:
โทรศัพท์
ที่ติดต่อ
การออกแบบรายงานควรมีลักษณะเหมือนที่แสดงใน รูปภาพประกอบที่ 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 Report Designer จะสร้างอิลิเมนต์ระดับบล็อก ถ้าหากคุณคุ้นเคยกับ 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  ตัวอย่างรายงานแสดงระยะห่างแถวที่เพิ่มขึ้น

(c) ลิขสิทธิ์ Actuate Corporation 2013