Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

Sometimes you need a way to enter tabular data such as list of quantity for products in a shopping cart, marks from a list of examination candiates, etc. If you just have one input value per line item, you can use a HashMap to store the value. This can be expanded to support multiple input values by having multiple HashMap. This describes a number of alternatives using some of more advanced features of WebWork. Assume you want to capture the quantity and a gift note for a list of products in a shopping cart (i.e Amazon).

1. When the number of line items is known

If you are using JSP:
the cart.jsp file in altSyntax

Code Block
<ww<s:iterator value="cart.items" status="rowstatus">
  <ww<s:hidden name="cart.items[WW:%{#rowstatus.index}].productId" value="%{productId}">
  <ww<s:textfield name="cart.items[WW:%{#rowstatus.index}].qty" value="%{qty}" />
  <ww<s:textfield name="cart.items[WW:%{#rowstatus.index}].note" value="%{note}" />
</wws:iterator>

the cart.jsp file (non altSyntax)

Code Block
<ww<s:iterator value="cart.items" status="rowstatus">
  <ww<s:hidden name="'cart.items[WW:' + #rowstatus.index + '].productId'" value="productId">
  <ww<s:textfield name="'cart.items[WW:' + #rowstatus.index + '].qty'" value="qty" />
  <ww<s:textfield name="'cart.items[WW:' + #rowstatus.index + '].note'" value="note" />
</wws:iterator>

Alternatively, if you use Velocity as your view technology of choice:
the cart.vm file

Code Block
#foreach ( $item in $cart.items )
  #set($index = $velocityCount - 1)
  <input type="hidden" name="cart.items[WW:$index].productId" value="$item.productId">
  <input type="text" name="cart.items[WW:$index].qty" value="$item.qty">
  <input type="text" name="cart.items[WW:$index].note" value="$item.note">
#end

...

Code Block
public class CartItem implements Serializable {
  private int qty;
  private int productId;
  private String note;

  // getters/setters...
}

Explanation

The resulting html code is rendered as

...

for the first shown line in the rendered result.

2. When the number of line items is unknown

For example, you want to allow the user to enter any number of ISBN, quanty and a note. You can replace ArrayList with XWorkList, which will automatically create new items if the index is greater than the size of the list.

3. Use Type Conversion

If you want more advanced way to do this, check out Type Conversion documentation.