add function: problem with creating a new entity bean

[noor asraf]

Hi all,
I am trying to do the tutorial from Netbeans site that does CRUD via JPA using VW. This can be found at http://www.netbeans.org/kb/60/web/web-jpa-part2.html. Somehow my textfield ids are not being recognized in the add functionality,(userNameField, passwordField..). I followed the tutorial exactly, but I am not sure how these ids from the jsp be called in page1.java. Do I need to use getElementByID() or similar call to access the fields in order to pass them on to an entity bean?

// Page1.java
public String addRecordButton_action() {
  // Create a new User Entity
  Users newUser = new Users();
  newUser.setUsername((String) userNameField.getText());  // error!!
  newUser.setPassword((String) passwordField.getText());  // error!!
  newUser.setEmailAddress((String) emailAddressField.getText());// error!!
  // Add the new Entity to the database using UserController
  UserController userController = new UserController();
  userController.addUser(newUser);
  updateRequest = false;
  return null;
}

   
<h:panelGrid columns="3" dir="ltr" id="buttonPanel" style="height: 25px" width="287">
      <webuijsf:button actionExpression="#{Page1.addButton_action}" id="addButton" text="Add"/>
      <webuijsf:button actionExpression="#{Page1.deleteButton_action}" id="deleteButton" text="Delete"/>
      <webuijsf:button actionExpression="#{Page1.updateButton_action}" id="updateButton" text="Update"/>
</h:panelGrid>
<h:panelGrid columns="2" id="addUpdatePanel" style="height: 91px" width="359">
       <webuijsf:label for="userNameField" id="label1" text="User Name :"/>
       <webuijsf:textField id="userNameField" text="User Name"/>
       <webuijsf:label for="passwordField" id="label2" text="Password :"/>
       <webuijsf:textField id="passwordField" text="Password"/>
       <webuijsf:label for="emailAddressField" id="label3" text="Email Address :"/>
       <webuijsf:textField id="emailAddressField" text="Email Address"/>
       <h:panelGrid columns="2" id="addButtonUpdatePanel" style="height: 48px" width="263">
             <webuijsf:button actionExpression="#{Page1.addRecordButton_action}" id="addRecordButton" text="Add Record"/>
             <webuijsf:button id="button1" text="Update Record"/>
        </h:panelGrid>
 </h:panelGrid>

Thanks,
Asraf