{"id":61,"date":"2011-06-06T17:43:32","date_gmt":"2011-06-07T00:43:32","guid":{"rendered":"http:\/\/brie.com\/brian\/blog\/?p=61"},"modified":"2011-06-06T17:43:32","modified_gmt":"2011-06-07T00:43:32","slug":"using-generics-and-a-form-with-wicket","status":"publish","type":"post","link":"https:\/\/brie.com\/brian\/blog\/?p=61","title":{"rendered":"Using Generics and a Form with Wicket"},"content":{"rendered":"

This blog post I will take a look at using a form with Wicket and binding it to an object using a PropertyModel along with Generics. I just started digging into generics in Java and even after reading a tutorial on generics, the use of <T> and the wildcard value <?> still is not completely clear to me. Yet, I think with use of Wicket, it will help my understanding and hopefully yours too. Enough fluff, I shall get to the details. The Generics add type safety and eliminate the need for casting as was originally done in the book example. <\/em><\/p>\n

The example code for this blog can be downloaded<\/a>. This sample code is once again built upon the examples used in the book titled Wicket in Action<\/a> by Dashorst et al. The project is Maven, so if you have the Maven Plugin<\/a> for your Eclipse, download the file, unzip it, and import the File<\/em>->Import->Existing Projects into Workspace<\/em>. The project name is hippo02. For this project, it has a Form and, the Customer class which along with its attributes is also composed of the Address class. The form has the coresonding html:<\/p>\n

<form wicket:id=\"myform\">\r\n<table>\r\n<tr><td>Name<\/td><td><input type=\"text\" wicket:id=\"name\" \/><\/td><\/tr>\r\n<tr><td>Street<\/td><td><input type=\"text\" wicket:id=\"street\" \/><\/td><\/tr>\r\n<tr><td colspan=\"2\"><input type=\"submit\" value=\"Submit\" \/><\/td><\/tr>\r\n<\/table>\r\n<\/form><\/pre>\n
The form contains the wicket identifier myform <\/em>for the form along with two other identifiers for the text fields: wicket:id=”name”<\/em> and wicket:id=”street”<\/em><\/p>\n
The two following snippets detail the classes involved: Customer and Address. A Customer <\/em>has an Address. <\/em>First, the Customer class. Note that the class must be made serializable so that Wicket can save state. I omitted the getters and setters. Check the hippo source if you want to see them. Next, I created the Form1 <\/em>specifying the generic parameter <Customer>. So, when the object model is fetched as can be seen in the onSubmit <\/em>method, the type does not need to be cast. Now, I was a little uncertain about the TextField <\/em>portions, but it seems that they should be set as <String> parameters. The part that I find somewhat confusing is the specifying the class attribute and the attribute for the text field. In the Form1 <\/em>class, you will note that it specifies “firstName” in the property model, and then when the TextField is created using the just created property model, it uses the value “name” that matches the wicket:id attribute given in the html.<\/p>\n
Now that this is all created, a Form1 object is created in the Index.java <\/em>class and bound to the wicket:id attribute name “myform”.<\/p>\n
This is what happens when the program is run. When a Form1 is created in Index.java, a Customer object is created. When the user enters values and presses submit, the onSubmit <\/em>callback action sets the values entered into the two fields.<\/p>\n
The plumbing seems a little tricky here, but I thought by breaking out these Anonymous Inner Classes (AIC) it would help break the details for the form. Plus, if you see a correction on the use of Generics, let me know. I hope this helps illustrate the use of PropertyModel and a Wicket Form<T>.<\/p>\n
Customer class:<\/p>\n
public class Customer implements Serializable {\r\n  private String firstName;\r\n  private String lastName;\r\n  private Address address = new Address();\r\n\r\n  \/\/[snip]\r\n}<\/pre>\n
Address class:<\/p>\n
public class Address implements Serializable {\r\n  private String name;\r\n  private String street;\r\n  private String city;\r\n  private Integer zipcode;\r\n\r\n  \/\/ [snip]\r\n}<\/pre>\n
Form class:<\/p>\n
public class Form1 extends Form<Customer> {\r\n\r\n private static final long serialVersionUID = 1L;\r\n private TextField<String> nameField;\r\n private TextField<String> streetField;\r\n private PropertyModel<String> namePropModel;\r\n private PropertyModel<String> streetPropModel;\r\n private Model<Customer> myModel;\r\n \r\n public Form1(String id) {\r\n super(id);\r\n \r\n Customer customer = new Customer();\r\n myModel = new Model<Customer>(customer);\r\n setModel(myModel);\r\n \r\n namePropModel = new PropertyModel<String>(customer, \"firstName\");\r\n nameField = new TextField<String>(\"name\",namePropModel);\r\n add(nameField);\r\n \r\n streetPropModel = new PropertyModel<String>(customer, \"address.street\");\r\n streetField = new TextField<String>(\"street\", streetPropModel);\r\n add(streetField);\r\n\r\n }\r\n \r\n protected void onSubmit() {\r\n Customer customer =\u00a0 getModelObject();\r\n String street = customer.getAddress().getStreet();\r\n \/\/ do something with\/to the customer\r\n }\r\n\r\n}<\/pre>\n
Inclusion into Index.java:<\/p>\n
Form1 myForm = new Form1(\"myform\");\r\nadd(myForm);<\/pre>\n","protected":false},"excerpt":{"rendered":"
This blog post I will take a look at using a form with Wicket and binding it to an object using a PropertyModel along with Generics. I just started digging into generics in Java and even after reading a tutorial … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-wicket"],"_links":{"self":[{"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=\/wp\/v2\/posts\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=61"}],"version-history":[{"count":2,"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=\/wp\/v2\/posts\/61\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=\/wp\/v2\/posts\/61\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brie.com\/brian\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}