2008年10月8日 星期三

Wicket的Link元件

每個動態網頁都是從第一頁面換到第二頁面,並將第一頁面的相關資料一並帶到第二頁,以提供頁面使用,由第一頁面換頁需由使用者按下Button或者是Link讓頁面更換,用Link來做換頁動作.

步驟一.建立一個LinkExamples.html

<html>
  <body>
    <a href="#" wicket:id="links">這連結被點了<span wicket:id="counts"></span>次</a>
    <br><br>
    <h3>外部連結</h3>
    <a href="#" wicket:id="externalLink" target="_new">連結URL的名稱</a>
    <br><br>
    <h3>內部連結</h3>
    <a href="#" wicket:id="pageLink">內部連結的網頁Examples</a>
  </body>
</html>


步驟二.建立一個LinkExamples.java

package wicket.examples.html.body.base.link;

import wicket.Component;
import wicket.examples.Examples;
import wicket.markup.html.WebPage;
import wicket.markup.html.basic.Label;
import wicket.markup.html.link.ExternalLink;
import wicket.markup.html.link.Link;
import wicket.markup.html.link.PageLink;
import wicket.model.Model;

public class LinkExamples extends WebPage {

 private int oCount_ = 0;

 public LinkExamples(){
  super();
  Link link = new Link("links"){
   public void onClick(){
    oCount_++;
   }
  };
  link.add(new Label("counts",new Model(){
   @Override
   public Object getObject(Component component){
    return Integer.toString(oCount_);
   }
  }));
  
  add(link);
  
  add(new ExternalLink("externalLink","http://www.google.com.tw","Google."));
  
  add(new PageLink("pageLink",Examples.class));
 }
 
}


步驟三.修改Examples.html & Examples.java

...
<tr>
 <td><a wicket:id="Examples2">show LinkExamplesPage</a></td>
</tr>
...


...
add(new PageLink("Examples2",LinkExamples.class));
...
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)