ZK8 Wizard Example - Part 2

From Documentation
Revision as of 04:17, 29 July 2015 by Robertwenzel (talk | contribs) (Created page with "{{Template:Smalltalk_Author| |author=Robert Wenzel, Engineer, Potix Corporation |date=July/August 2015 |version=ZK 8.0 }} == Introduction == == More complex Usage (Order Wizar...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
DocumentationSmall Talks2015SeptemberZK8 Wizard Example - Part 2
ZK8 Wizard Example - Part 2
Author
Robert Wenzel, Engineer, Potix Corporation
Date
July/August 2015
Version
ZK 8.0

Introduction

More complex Usage (Order Wizard)

  1. Basket
    adjust basket (add/ remove/ change items)
  2. Shipping Address
    enter shipping address
  3. Payment
    choose payment method + enter conditional details
  4. Confirmation
    review data, accept GTC submit order (handle exceptions)
  5. Feedback
    user feedback when order was successful

Data Model

zk.example.order.api.Order

  • Order
    • Basket
      • BasketItem (list of)
    • Payment (payment method)
      • CreditCard (based on payment method)
      • or BackAccount (based on payment method)
    • ShippingAddress (city, street, zip code)

Form Row template

Additional features

Input Mask

Bookmarks Handling

Custom I18N

using the same convenience functions in the zul and java code

Download

  • The source code for this article can be found in github.

Running the Example

The example consists of a maven web application project. It can be launched with the following command: 

   mvn jetty:run

Then access the overview page http://localhost:8080/longoperations/overview.zul

And that's what you'll see:


Comments



Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.
Retrieved from "https://www.zkoss.org/_w/index.php?title=Small_Talks/2015/September/ZK8_Wizard_Example_-_Part_2&oldid=43705"