7.6.
7.4 Creating an Ajax4jsf Application 139
Fig. 7.6 Adding a JSF PanelGrid
In the Create PanelGrid Wizard click on Next. In the PanelGrid
Options window select Create empty panel grid and specify number of
columns as 2 as shown in Fig. 7.7. Click on Finish. The components
added to the panel grid shall get arranged in 2 columns.
Fig. 7.7 Specifying Number of Columns in PanelGrid
140 7 Ajax with JSF-Ajax4jsf
Next, add an Output Label from the component palette to the panel
grid. Position cursor in the JSF Page and select Output Label in JSF
HTML Component Palette as shown in Fig. 7.8.
Fig. 7.8 Adding an Output Label
Add an Input Text from the component palette to the panel grid.
Position the cursor in the JSF Page and select Input Text in the
Component Palette as shown in Fig. 7.9.
7.4 Creating an Ajax4jsf Application 141
Fig. 7.9 Adding an Input Text
An Input Text gets added to the panel grid as shown in Fig. 7.10.
Fig. 7.10 Creating a Panel Grid
Similarly, add 5 more sets of Output Labels and Input Texts to the
Panel Grid. The Output Labels and Input Texts get added to 2 columns,
142 7 Ajax with JSF-Ajax4jsf
because we specified number of columns as 2 when creating the Panel
Grid. Add a Command Button to the panel grid for submitting the form.
Add an Output Text to the panel grid for displaying a validation message
indicating the validity of a Catalog ID value. In the Property Inspector
specify values for the output labels and the command button.
Pages:
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133