Setting up a multi-row table with Quick HTML
The Quick HTML choice on a part's pop-up menu is similar to the Quick Form choice in setting up a user interface for nonvisual VA Smalltalk parts. With Quick HTML, you can, in a single step, create an appropriate set of user-interface controls for a nonvisual part, along with the necessary connections between the nonvisual and visual parts. Quick HTML automatically performs the steps in the manual procedure described above.
To use Quick HTML to set up a table to display the results of a multi-row database query, follow these steps:
1. Set up your database query using the VA Smalltalk Multiple Row Query part. (Refer to the Visual Programming User Guide for more information.)
2. Select Quick HTML from the pop-up menu of the Multiple Row Query part.
3. When prompted, select the resultTable attribute from the list. VA Smalltalk automatically tears off the resultTable attribute and loads the mouse pointer with the Table part.
4. Place the Table on the Page. The new table should have a column for each column in the database result table, with all of the correct settings. (You can delete columns that you do not want to display.)
5. Connect the aboutToGenerateHtml event of the HTML Page to the executeQuery action of the Multiple Row Query.
After you save the part, you should be able to test using the test button. Note that not all Web browsers support <table> tagging, so be sure your users have an appropriate browser before you use tables in your application.
Note:
In the Composition Editor, Table parts appear with scroll bars, because of the edit-time behavior of the visual part. However, as rendered in Web browsers, HTML tables are not scrollable and do not have scroll bars. At run time, a table will expand to accommodate all of the rows and columns it displays. This can be larger than the size of the browser window, in which case users might have to scroll through the page in order to see all of the table.
Last modified date: 07/24/2020