ZK8 Wizard Example - Part 2"

From Documentation
(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...")
 
Line 50: Line 50:
 
     mvn jetty:run
 
     mvn jetty:run
  
Then access the overview page http://localhost:8080/longoperations/overview.zul
+
Then access the overview page http://localhost:8080/wizardexample/order.zul
 
 
And that's what you'll see:
 
<gflash width="900" height="600">long-operations-demo.swf</gflash>
 
[https://drive.google.com/a/potix.com/file/d/0B8UWhWsE_u68TGJTd0J6ZmZvSjA/view?usp=sharing Video for non-flash users.]
 
 
 
  
 
{{Template:CommentedSmalltalk_Footer_new|
 
{{Template:CommentedSmalltalk_Footer_new|

Revision as of 04:19, 29 July 2015

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/wizardexample/order.zul


Comments



Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.