Tutorial: Search and grid on same page

In this tutorial is demonstrated how to create a grid with search feature together in the same page.

Creating new grid

1. Create a new grid application using the products table.

2. Choose Fields Positioning option in the application menu and choose ProductID, ProductName, SupplierID, CategoryID, QuantityPerUnit, UnitPrice and UnitsInStock fields.

Changing settings to display grid and search on the same page

3. Back to the initial options “Grid Modules”

4. Set Yes to Use Iframe property.

Setting Search fields

5. Open the Search folder and click on “Advanced Search >> Select Fields”.

6. Choose SupplierID and CategoryID fields.

7. Click in SupplierID field.

8. Set Data Type property to Select.

9. Open the block Search Lookup.

10. Define the settings according to the image below.

11. Enable Onchange Submit option in Field’s Behavior block. With this option enabled, the search is executed automatically upon an option change.

12. Open CategoryID field settings, change Data Type property to Select, and perform the following changes.

13. Open Field’s Behavior block and configure it according to the image below.

14. Click the Run button on the toolbar.

Tutorials in the same category

Filter in modal

In this example will show how to configure the filter Grid to be displayed in a modal window. ...

Special conditions for date fields

This tutorial demonstrates how to use special criteria for Date field. Creating a new grid 1. Crea...

Ligação de Captura no Filtro

In this example will show how to use a Capture link in a filter application. Creating seconda...

Search with required fields

In this example will show how to use required fields in a Search application. Creating a new ...

Comment this post