GWT即Google Web Toolkit，是一个很方便的Web应用开发工具包。下面这篇博文对GWT分页功能进行了一些探讨，研究的对象是Mail类。

[[6367]]498)this.style.width=498;" border=0> 

GWT demo中，Mail 类是主要的模块。

private MailList mailList; 是GWT分页所需要的主要的类：

public class MailList extends Composite implements ClickHandler { 

MailList下面有一个

private FlexTable table = new FlexTable (); 

是用来动态显示分页数据的类.

private HorizontalPanel navBar = new HorizontalPanel (); 

navBar是用来显示 [上一页][下一页] 这样的信息的.

public MailList() {  
   // Setup the table.  
   table.setCellSpacing(0);  
   table.setCellPadding(0);  
   table.setWidth("100%");  
 
   // Hook up events.  
   table.addClickHandler(this);  
   newerButton.addClickHandler(this);  
   olderButton.addClickHandler(this);  
 
   // Create the 'navigation' bar at the upper-right.  
   HorizontalPanel innerNavBar = new HorizontalPanel();  
   navBar.setStyleName("mail-ListNavBar");  
   innerNavBar.add(newerButton);  
   innerNavBar.add(countLabel);  
   innerNavBar.add(olderButton);  
 
   navBar.setHorizontalAlignment(HorizontalPanel.ALIGN_RIGHT);  
   navBar.add(innerNavBar);  
   navBar.setWidth("100%");  
 
   initWidget(table);  
   setStyleName("mail-List");  
 
   initTable();  
   update();  
 }  

在构造函数里面进行数据的初始化.

因为MailList实现了ClickHander.所以属性添加监听的时候可以添加this

table.addClickHandler(this);  
    newerButton.addClickHandler(this);  
    olderButton.addClickHandler(this);其实在  
 
 public void onClick(ClickEvent event) {  
    Object sender = event.getSource();  
    if (sender == olderButton) {  

方法里面进行判断.是那个按钮发出的相应然后在做处理.

可以从Event中得到发出响应的部件的类.
然后就可以进行事件处理了。这样基本上就构成了GWT分页的实现。

#p#

【GWT资讯】

• GWT 2.0新增特性预览 宿主模式成亮点
• GWT 1.7版本发布 添加对新版浏览器的支持
• GWT和JBoss联手促进网络发展
• Google发布Eclipse插件 强力支持GWT和GAE
• GWT携其大量开源框架项目“来势凶猛”

【GWT学习资料】

1. 利用GWT开发高性能Ajax应用
2. Google Web Toolkit(GWT)从入门到精通
3. Google Web Toolkit(GWT)的使用技巧和技术资源
4. 使用Cypal Studio for GWT简化Ajax开发
5. 用GWT简化AJAX开发
6. 使用GWT开发AJAX应用程序
7. 基于GWT轻松掌握AJAX开发