Using ZK Borderlayout"
From Documentation
m |
|||
Line 1: | Line 1: | ||
{{ZKEssentialsPageHeader}} | {{ZKEssentialsPageHeader}} | ||
==Using ZK Border Layout== | ==Using ZK Border Layout== | ||
+ | Suppose in our shopping cart application, we have the following requirements: | ||
+ | * Product View - A table displaying the available products to purchase | ||
+ | * Shopping Cart View - A list of items placed in the shopping cart | ||
+ | * Order View - A record of all the orders placed | ||
[[Image:ZKEssentials_Layout_Wireframe.png]] | [[Image:ZKEssentials_Layout_Wireframe.png]] | ||
+ | |||
+ | Using the <javadoc>org.zkoss.zul.Borderlayout</javadoc>, we could outline the shopping cart application as the following:<br> | ||
[[Image:ZKEssentials_Layout_Borders.png]] | [[Image:ZKEssentials_Layout_Borders.png]] | ||
Revision as of 10:22, 19 October 2010
This article is out of date, please refer to http://books.zkoss.org/zkessentials-book/master/ for more up to date information.
Using ZK Border Layout
Suppose in our shopping cart application, we have the following requirements:
- Product View - A table displaying the available products to purchase
- Shopping Cart View - A list of items placed in the shopping cart
- Order View - A record of all the orders placed
Using the Borderlayout, we could outline the shopping cart application as the following: