Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
English

This is a quick tutorial to show you on how to create a graph using JasperReports iReport Designer.

This tutorial uses the HR Expenses Claim App that bundled by default in Enterprise Edition of Joget, as the example data set.

This will require iReport Designer to be installed in your machine, to design the report.

Thai

นี่คือการสอนด่วนที่จะแสดงวิธีสร้างกราฟโดยใช้ JasperReports iReport Designer

บทช่วยสอนนี้ใช้แอพเรียกร้องค่าใช้จ่ายการบริหารทรัพยากรบุคคลที่รวมเป็นค่าเริ่มต้นใน Enterprise Edition ของ Joget เป็นชุดข้อมูลตัวอย่าง

สิ่งนี้จะต้องติดตั้ง iReport Designer ในเครื่องของคุณเพื่อออกแบบรายงาน



Figure 1: Designing your report in iReport Designer.

When designing, remember to point to Joget's database. Create your report in iReport Designer. You may use the SQL used in this example.

Thai

รูปที่ 1: การออกแบบรายงานของคุณใน iReport Designer

เมื่อออกแบบอย่าลืมชี้ไปที่ฐานข้อมูลของ Joget สร้างรายงานของคุณใน iReport Designer คุณอาจใช้ SQL ที่ใช้ในตัวอย่างนี้

Code Block
langsql
select c_username, cast(replace(c_total, '$ ', '') as Decimal(0,2)) as total from app_fd_hr_expense_claim



Figure 2: Adding the report definition into Joget UI's Jasper Reports element

In your iReport Designer, click on the XML tab to copy the definition generated. Paste it into the JasperReports UI element.

At the second tab, select Default Datasource so that it will read the data set from Joget's current database as well.

Thai

รูปที่ 2: การเพิ่มคำนิยามรายงานลงในองค์ประกอบรายงาน Jasper ของ Joget UI

ใน iReport Designer ของคุณคลิกที่แท็บ XML เพื่อคัดลอกคำจำกัดความที่สร้างขึ้น วางลงในองค์ประกอบ JasperReports UI

ที่แท็บที่สองเลือกแหล่งข้อมูลเริ่มต้นเพื่อที่จะอ่านชุดข้อมูลจากฐานข้อมูลปัจจุบันของ Joget เช่นกัน



Figure 3: Running your Report in the actual UI

Thai

รูปที่ 3: เรียกใช้รายงานของคุณใน UI จริง

Materials and Downloads

Thai

วัสดุและดาวน์โหลด

  1. Sample App
  2. JasperReport design file
  3. KB:Sample exported PDF file from the Expenses Claim App

Related Elements

Thai

องค์ประกอบที่เกี่ยวข้อง