[]
        
(Showing Draft Content)

Master-Detail Report using Nested Data Regions (with multiple datasets)

A master-detail report displays data such that for each master record, the associated details are repeated. Such a report can be created by using nested data regions where each data region fetches the data from different datasets.

Now, to display data in nested data regions that are bound to different data, there should be a common field in the datasets to establish the master-detail (parent-child) relationship. This field is used to filter data in the child data region based on the values passed from the parent data region.

In this tutorial, we will use two nested Table data regions bound to two different datasets: Suppliers and Products. The SupplierId is the common field in both the datasets, which will also act as a filter for the child table.

After you complete this tutorial, you will have a report that looks similar to the following.

Bind Data to Report

  1. Create a new report. By default, you have a blank RDL Report.

  2. Connect to a data source.

    1. Go to the Data tab and click Add.

    2. In the DataSource dialog, provide the following URL as Endpoint for the 'Remote JSON' provider:

    https://demodata.grapecity.com/northwind/api/v1/
    
    1. Click Save Changes.
  3. Add datasets.

    Dataset_Suppliers:

    1. Click Add Data Set against the added data source.

    2. In the DataSet dialog > Uri/Path, write the resource name as 'Suppliers'.

    3. Enter the Json Path: $.value[*].

    4. Validate the query to retrieve fields and Save Changes.

    Dataset_Products:
    Similarly, add another dataset for the same data source endpoint.

    1. In the DataSet dialog > Uri/Path, write the resource name as 'Products'.

    2. Enter the Json Path: $.value[*].

    3. Validate the query to retrieve fields and Save Changes.

    See Databinding for information on connecting to data sources and adding datasets.

Create the Parent (Master) Table

  1. Drag-drop a Table data region (Table1) from the Toolbox to the design area.

  2. With Table1 selected, set the Data Set Name property to 'DataSet_Suppliers'.

  3. In the first cell in the Details row, enter the following expression:
    ="Company Name: " & Fields!CompanyName.Value

  4. From the table, remove the header and footer.

  5. Merge cells across the Details row to span the Company Name across the row.

    This will be the title for the parent table containing the suppliers' information.

  6. With the above row selected, click the plus sign (+) in the Row handle to add more Details rows. We need three such rows, as explained in the steps below, to display more information about the supplier.

    1. The first row to display the text 'Address:'.
    2. The second row to display the [ContactName], [Address], and [City].
    3. The third row to display the [ContactTitle], [Country], and [PostalCode]

Create the Child (Detail) Table

  1. In the parent table, Table1, add two new Details rows below the previously added rows.

    These rows will contain information about products for each supplier, as described in the steps below.

  2. Merge the cells in the first row and enter the title for the child table, 'Supplied Products'.

  3. Merge the cells in the second row. It is this row, which will contain the child table.

  4. Drag-drop the Table data region (Table2) from the toolbox inside the row added in the previous step. Now the parent table row contains the child table.

  5. Select Table2 and set the Data Set Name property to 'DataSet_Products'.

  6. Expand the dataset fields and populate the fields in the table as shown.

    - Note that we have added more columns in the table to show 'UnitsInStock' and 'Total Price' for each product.
    - The Header row for the table is automatically filled with labels for the dataset fields.
    - The Footer row of the table displays the sum of the total prices for the products supplied using expression =Sum(Fields!UnitsInStock.Value * Fields!UnitPrice.Value).

The product details are now repeated for each master record (supplier). But we need to add a filter on the child data using the common field in the nested tables (SupplierId) so that for each supplier, the product details for only that supplier are displayed.

Add a Filter in the Child Table

  1. Select the child table (Table2) and go to the Properties pane.

  2. In the Filters property, go to Show Items, and select Add Item.

  3. Click Filter Properties Icon to display the filter properties.

  4. Click the radio button next to Filter Expression and select 'SupplierId'.

  5. From the drop-down next to Operator, select 'Equal'.

  6. Click the radio button next to Value and select 'SupplierId'.

Add Page Header

  1. Go to the Report tab on top of the designer and select Add Header option.

  2. Drag and drop a TextBox control in the header area.

  3. Click inside the text box and enter the text 'Products Details by Suppliers (Master-Detail Report)'.

Customize the Appearance of Report

Note: You may need to resize and reposition the controls on the report to accommodate data, and for a cleaner look.

  1. Set the text alignments using TEXT - Text Align (Left, Right, Center, etc.) and TEXT - Vertical Text Align (Top, Middle, or Bottom) properties.

  2. Set a background color for Page Header (#f1f1f1).

  3. Set a font using the TEXT - Font Family property (Song).

  4. Set the color for the text in page header and the titles for the parent (master) and child (detail) tables of the report using TEXT - Color property (#3da7a8).

  5. Set the TEXT - Font Size for the textbox in page header (16pt) and the textboxes in the table (8pt).

  6. Set the border properties for the textboxes in the table - Border - Width (0.25pt), Border - Style, and Border - Color (Gainsboro).

  7. Set the display format for the currency in price fields - select the textboxes containing the price fields and set TEXT - Format to 'Currency'.

Preview and Save Report

  1. Click Preview to view your report in the final output.

  2. Exit the preview mode by clicking Back on the top left side of the designer.

  3. Click Save to open the Save dialog box. Enter the report name and click Save Report.