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開發