Tutorial n°6 : Set up and use a No Code database

Step 6 : Display Database in your project #4

Let's add a searchbar to be able to directly look for what/who you want in the database.

First, look for the "Search Bar" in the Palette and drag & drop it into your Header (you can get rid of the "page" text in the BarTitle).
Then drag & drop an "Event" from the Palette int your Search Bar. In this Event properties, click the "Event type" and click the arrow to choose the one wanted : "ionInput". Then take your "Employee_DirectoryEmployeesList" sequence and drag & drop it into your OnClick (CTRL + drag & drop for Windows and OPTION + drag & drop for MAC).

Right click this CallSequence and click on "Import variables from the targeted sequence" to have the right data, then go to the Source picker and click the "Show Action Sources" (the one that looks like a wheel).
In there, click the "ionInput" and open the "out" and the "target" to find the one you want to link it to which is "value".
Drag & drop this "Value" field into the "search = " located in your CallSequence variables folder.

Once done, you will just have to try a name in the searchbar to see if it works. (Spoiler : It should !)

You now know how to use a Database from a No Code tool and integrate it into your application.
Success !

You successfully completed this step, please click the Next Step button to go to next tutorial step
You did not complete all the actions required in this step, are you sure you want to go to the next step ?