HexaTech: Home of rReport

Examples: Dynamic Report Live Try

Code

rReport Setup

The setup is straight forward: you download the package, put it on your web development machine, and follow the step-by-step guide in the documentation. There is no need to repeat here.

Programming Introduction

After the rReport setup, you are ready to program it. Since the setup is already done on this server, we can program it right here. Before we do that, please know that

You can program directly using physical lengths such as inch or mm.
You can calculate the sizes of rReport objects (such as String, Text, Table etc) before drawing them. This allows you to draw objects at precise locations with accurate sizes.

Hello World Program

The following Hello World program is self explaining.

      
        var INCH = doc.getUnit();  
        var MM = INCH/25.4;
    
        //draw in inch
        doc.drawString(INCH, 0.5*INCH, "Hello World");
      
        //draw in mm
        doc.drawString(MM, 3.0*MM, "Hello World");
    
        //preview
        viewer.preview();

<ex_default></ex_default>

<ex_helloworld>/***Hello World***/
var INCH = doc.getUnit();
doc.drawString(INCH, 0.5*INCH, "Hello World");
viewer.preview();
</ex_helloworld>

<ex_drawstrings>/***Draw Strings Stacked Togther***/
var INCH = doc.getUnit();
var attr = { "font-size": 10, "font-family": "helvetica" };
var size = doc.calcString("String 1", attr);
doc.drawString(INCH, 0.5*INCH, "String 1", attr);
doc.drawString(INCH, 0.5*INCH + size.height, "String 2", attr);
doc.drawString(INCH, 0.5*INCH + size.height*2, "String 3", attr);
viewer.preview();
</ex_drawstrings>

<ex_calcstring>/***Calculate String and Draw a Box around It***/
var INCH = doc.getUnit();
doc.drawPageBorder();
var attr = { "font-size": 10, "font-family": "helvetica" };
var data = "Calculate string and draw a box around it with drawRect";
var size = doc.calcString(data, attr);
doc.drawString(INCH, INCH, data);
doc.drawRect(INCH, INCH, size.width, size.height);
viewer.preview();
</ex_calcstring>

<ex_multipages>/***Multiple Pages with Page Numbering***/
var INCH = doc.getUnit();
var attr = { "font-size": 10, "font-family": "helvetica" };
doc.drawString(INCH, 0.5*INCH, "Hello World from Page 1", attr);
doc.addPage();
doc.drawString(INCH, 0.5*INCH, "Hello World from Page 2", attr);
doc.addPage();
doc.drawString(INCH, 0.5*INCH, "Hello World from Page 3", attr);
//doc.drawPageNumbering("%pageNumber% of %pageCount%");
viewer.preview();
</ex_multipages>