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

Subquery XML export

1- Create an application of Grid 2- Go to the toolbar option on the side menu to enable ...

Send summary exported by email

In this tutorial we will be looking at how to export the summary and send it by email. Creat...

Send grid exported by email

1- Create an application of the type grid 2- Proceed to go in the side menu Export /...

Advanced Filter Tags (Chart)

In this tutorial we will see how an advanced filter can be applied within a Chart application ...

Comment this post