使用 ZK 框架的富 Internet 应用程序：一个开源 Ajax 框架

核心提示： 分页功能可以使用 listbox 的 mold 属性激活，另外，使用 ZK 框架的富 Internet 应用程序：一个开源 Ajax 框架(10)，基于列标题的排序功能可以通过在 listheader 的 sort 属性上启用 auto 来定义，myList 对象是一个 Customer 对象列

分页功能可以使用 listbox 的 mold 属性激活。另外，基于列标题的排序功能可以通过在 listheader 的 sort 属性上启用 auto 来定义。myList 对象是一个 Customer 对象列表，包括以下一些属性：id、 name、date 以及 Customer 的 deleted flag。服务返回这个列表，然后 ZK 通过 "each =myList" 迭代这个列表。然后，listcell 标签在 listbox 中显示这个 Customer 对象的每个属性。

此外，为了启用编辑功能，我将一个 showEdit 方法附加到 onClick 事件。

Register customer 对话框实现为一个网格，该网格有两个必填值：Customer name 和 Date。

清单 11. Customer 对话框网格代码

　<grid　fixedLayout="true"　width="450px">　
　　<rows>　
　　　<row>　
　　　　<label　value="Customer　Name"　/>　
　　　　<textbox　id="customerName"　constraint="no　empty"　/>　
　　　</row>　
　　　<row>　
　　　　<label　value="Date"　/>　
　　　　<datebox　id="date"　constraint="no　empty"/>　
　　　　</row>　
　　　<row>　
　　　<button　label="Save"　　/>　
　　　<button　label="Cancel"　　/>　
　　　</row>　
　　</rows>　
　</grid>　　　　　　　　

对这个对话框的必填约束通过使用 "no empty" 指定为约束属性。ZK 还支持定义自定义约束。

当 Save 按钮被单击时，我将一个 Java 方法 submit() 附加到这个事件。这个 submit() 方法接收用户提供的姓名和日期值，并在一个新创建的 Customer 对象中设置这些值。然后，这个对象被传递到服务以添加到数据库。清单 12 显示了这段代码。