Build your own Search Engine

Adding a search field to a view

Return to the DataFlex Studio, and make sure the TrackSelect.wo is open.
Press F7 to open the preview window.
Select the CLASS PALETTE icon from the top toolbar.
From the Class Palette on the left locate the cWebForm, left click on it, hold, and drag and drop it onto the preview window.
In the Properties tab on the right…
Locate psLabel and change its value to ‘Search’
Locate peLabelPosition and change its value to ‘IpTop’
Locate pbPromptButton and change its value to ‘True’
The preview now shows a search field that is titled “Search,” the label is above the bar, and an eyeglass prompt button has been added.
Close the preview window
To implement the procedure on prompt, so that the value the user enters is considered…
Locate pbPromptButton to True, and add the following below it…
In the data dictionary the ‘Procedure OnConstrain’ needs to be implemented, so that it constrains the rows to the search value. To do that locate Object ovwTrack_DD is a cvwTrackDataDictionary, and add the following below it…
To test this, press the COMPILE icon on the top toolbar to see the live view in a browser page.
To view the newly built view, select the HAMBURGER MENU >> VIEWS >> TRACK
Enter a band’s name, such as QUEEN, and select the hourglass icon to see the results.