Tutorial: Grid Master / Detail on 3 levels

This example shows how to create a nested report. To build this application, 3 queries will be used, using the categories, products and applications tables.

Creating Grid detail

1. Create a new grid application using the following SQL.

SELECT
orders.orderid,
orders.orderdate,
order_details.unitprice,
order_details.totalprice
FROM
orders, order_details 
WHERE 
orders.orderid = order_details.orderid
AND
productid = [v_productid]

2. On the ScriptCase toolbar, click the Generate Source Code button.

3. Create another Grid application using the product table and adding the WHERE clause in SQL below.

WHERE 
categoryid= [v_categoryid]

4. Select the fields to display in “Fields Positioning“.

3. In the application menu, click on “Fields >> New Field

4. Create a field of type “HTML Image” and add an image. Then click on the “New link” button

5. On the link, select the application you created earlier, assign the parameters according to the image and save.

6. Use the following properties for connection.

7. Go to the “Field positioning” item.

8. Sort according to the image below.

9. On the ScriptCase toolbar, click the Generate Source Code button.

Creating the Master Grid

10. Create a new Grid application based on the categories of tables.

11. Create a field of type “HTML Image” and add an image. Then click on the “New link” button

12. On the link, select the application you created earlier, assign the parameters according to the image and save.

13. Use the following properties for connection.

14. Click on the “Run application” button

Tutorials in the same category

Card View HTML

  This tutorial demonstrates how to create a Grid application using the “User defined” ori...

Evaluation Field in the Grid

In this tutorial, you will see how to use the evaluation fields in a Grid application.  We ...

Evaluation Field in Summary

In this tutorial, you will see how to create a Summary by using the evaluation fields. We can use ...

Grid with fixed toolbar

  In this example, we are going to develop a report using a fixed toolbar on the top so we can...

Comment this post