Before you begin, you must complete Exercise 3.2: Opening the Web perspective.
You will create the customer list page using several Page Designer iSeries Web components which will pass the customer number to the inquiry page (inquiry.jsp).
Creating a new customer list file
To create a new customer list file:
The New JSP File page opens.
The Page Designer opens in the workbench:
Adding the iSeries table component
To add the iSeries table component:
Make sure the Design page is selected to place the table component on the new custList.jsp page.
You have selected the iSeries Table Component.
The Page Designer should look like this where the iSeries Table is on the
Designer page.
Now you select the properties for the table.
Selecting properties for the table
To select properties for the table:
Next you fill in the general properties for the iSeries Table.
To indicate that you want to provide the data by using a service program on the iSeries:
Writes a page at a time allows you to programmatically control page down and page up.
Writes a page as requested allows you to fill pages as needed.
If no new data is needed the paging will be handled by the table component.
Next you set the features for the iSeries Table.
This will switch to the Features pane.
This will switch to the Columns pane where you set the columns for the
iSeries Table. There you specify the fields to be displayed.
NAME | LENGTH | HEADING TEXT |
custNumber | 7 | Customer Number |
custName | 40 | Customer Name |
custPhone | 17 | Customer Phone Number |
Your completed Properties pane for your table columns should look like
this:
Now insert a form on the page.
Inserting a form on the page
An html form is needed to send back data with a request that you want to send the selected customer number back. You need a push button to send the request.
To insert a form on the page:
Next you want to access the Palette view again to select an iSeries Button Component.
Adding the iSeries button component
To add the iSeries Button Component:
You have placed the iSeries Button inside the form on the page.
Next you complete the iSeries Button properties.
Adding iSeries button properties
To add iSeries Button properties:
You have finished creating and modifying the iSeries Web Components.
Let's add a heading to this page.
Adding a heading to the page
Give the page a meaningful heading.
To add a heading to this page:
You are finished creating the JSP.
Your finished page should look like this:
You have created a JSP file for the Customer List Web page, added an iSeries table component, selected properties for the table, inserted a form, added an iSeries button component, added iSeries button properties and added a heading to the Customer List Web page and now you are ready to begin Exercise 3.4: Linking to the customer list page.
(C) Copyright IBM Corporation 1992, 2005. All Rights Reserved.