GWT即Google Web Toolkit，是一個很方便的Web應(yīng)用開發(fā)工具包。下面這篇博文對GWT分頁功能進(jìn)行了一些探討，研究的對象是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 (); 

是用來動態(tài)顯示分頁數(shù)據(jù)的類.

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();  
 }  

在構(gòu)造函數(shù)里面進(jìn)行數(shù)據(jù)的初始化.

因?yàn)镸ailList實(shí)現(xiàn)了ClickHander.所以屬性添加監(jiān)聽的時候可以添加this

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

方法里面進(jìn)行判斷.是那個按鈕發(fā)出的相應(yīng)然后在做處理.

可以從Event中得到發(fā)出響應(yīng)的部件的類.
然后就可以進(jìn)行事件處理了。這樣基本上就構(gòu)成了GWT分頁的實(shí)現(xiàn)。

#p#

【GWT資訊】

• GWT 2.0新增特性預(yù)覽 宿主模式成亮點(diǎn)
• GWT 1.7版本發(fā)布 添加對新版瀏覽器的支持
• GWT和JBoss聯(lián)手促進(jìn)網(wǎng)絡(luò)發(fā)展
• Google發(fā)布Eclipse插件 強(qiáng)力支持GWT和GAE
• GWT攜其大量開源框架項(xiàng)目“來勢兇猛”

【GWT學(xué)習(xí)資料】

1. 利用GWT開發(fā)高性能Ajax應(yīng)用
2. Google Web Toolkit(GWT)從入門到精通
3. Google Web Toolkit(GWT)的使用技巧和技術(shù)資源
4. 使用Cypal Studio for GWT簡化Ajax開發(fā)
5. 用GWT簡化AJAX開發(fā)
6. 使用GWT開發(fā)AJAX應(yīng)用程序
7. 基于GWT輕松掌握AJAX開發(fā)