Grid Master / Detail on 3 levels

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

Creating Grids 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. In the ScriptCase toolbar click the Generate Source Code button.

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

WHERE 
categoryid= [v_categoryid]

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

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

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

6. Use the following properties for the connection.

7. Go to the item “Positioning of the fields.”

8. Sort according to the image below.

9. In the ScriptCase toolbar click the Generate Source Code button.

Creating the Master Grid

10. Create a new Grid application based on the table categories

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

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

13. Use the following properties for the connection.

14. Click on the button “Run application”

Tutorials in the same category

Grid using infinite scroll with fixed height

In this tutorial we will be creating a Grid with infinite scroll with a fixed height. Creati...

Grid slide using infinite scroll

In this tutorial we will see how to create a Slide Grid / Report with Infinite Scroll to display im...

Grid using infinite scroll

1. We must create a new Grid application 2. Then we proceed to configure the Grid Module, wh...

Filter with buttons inline

In this tutorial we will see how to use the Filter and a Grid in the same window and the Filter but...

Comment this post