前言
本文是对ZK开发过程中必须掌握的关键知识点的总结，针对目前对新版本zk-6.5.2
关于ZK是什么参见前一篇博客 《ZK（The leading enterprise Ajax framework）入门指南》 http://blog.csdn.net/daquan198163/article/details/9304897
1. 页面布局
ZK具有非常高的开发效率（以至于可以取代HTML用来完成高质量的Fast Prototyping），最主要缘自它采用的页面布局技术——ZUL；
采用XML语言以声明式的方式创建用户界面——XML UI技术并不是ZK的独创，AndroidUI、JavaFX、MicrosoftSilverlight和MozillaXUL等开发
框架都采用了这种技术，这是目前最先进的构造用户界面技术；
ZUL只不过是为所有ZK组件指定了一个对应的XML Element，然后通过这些Element以声明式的方式定义页面由哪些组件以什么样的方式构成。
相对于Java编程式方式，这种声明式方式的优点十分明显：
- 直观：ZUL代码结构与页面布局完全一致（而且必须一致），ZUL元素的嵌套关系就是页面组件的嵌套关系，ZUL元素的前后并列关系就
- 是页面组件的前后摆放；而Java编程方式与最终页面却没有这种一致性；
- 代码简洁：由于XML在表达页面布局时语义的先天优势（一致性），同样的页面用ZUL比Java代码量要少得多；
直观、简洁的代码意味着容易理解、容易编写、容易修改维护、不容易出错，因此带来开发效率上的巨大优势。
值得注意的是，上述ZUL相对于Java编程的优势也适用于JS，比如EXT、DOJO等JS UI框架。
1.1. 布局组件
1.1.1. 东西南北中布局Borderlayout
Borderlayout将屏幕划分成东西南北中五个区域，如下图所示，其灵活性可以实现绝大多数系统的首页整体布局。
首先纵向看，要指定N和S的高度，剩下中间部分就是W C E的高度；然后水平看，N S宽度百分百，中间部分指定W E的宽度后，
剩下的部分就是C了。
由于Center大小不是自己决定的，当里面摆放组件过多显示不全时，可以指定autoscroll="true"产生滚动条。
1.1.2. 基本布局
Borderlayout适合于实现大的页面结构布局，在页面局部最常见的需求就是如何将各种组件有序的摆放：有时需要水平摆放有时需要垂直摆放，
还要考虑居中居左居右问题、摆不下的问题（摆放不下时要有滚动条）；
ZK提供了更细粒度的布局组件——hBox/vBox/hlayout/vlayout用于实现这些常见需求；
hlayout和hBox（h代表horizon水平）用于水平布局，vlayout和vBox（v代表vertical垂直）用于垂直布局，它们是最常用的的容器组件，里面可以
放任意多的组件；
-
HBox and VBox provide more functionalities such as splitter,align and pack.
-
However,their performance is slower,
-
so it is suggested to use Hlayout and Vlayout if you'd like to use them a lot in a UI,unless you need the features that only HBox and VBox support.
1.2. 各种容器组件
1.2.1. groupBox
企业应用往往需要在一个页面中显示大量信息或组件，如果随意摆放或只是简单的罗列，会让用户感觉很混乱难以使用，用户体验不好。
groupBox顾名思义就是用来分组布局的组件，它就像收纳盒一样可以把页面组件分门别类的摆放，标题栏可以清晰的标识分类名称，而且可收缩。
1.2.2. tabBox页签
像ZK这样的RIA框架做出来的系统基本上SinglePage的（整个系统只有一个页面，其它都是组件和AJAX），
同时企业应用不同于网站，用户需要打开很多视图查看各种数据和表单，因此普遍采用“多页签布局”来保证系统的方便易用。
ZK提供了tabBox组件方便的实现多种形式的页签：
