2008年10月7日 星期二

Wicket的Button元件

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

步驟一.先寫一個ButtonExamples.html

<html>
<body>
<span wicket:id="feesBack">這裡顯示輸出資訊</span>
<form wicket:id="form">
<div><input type="submit" value="第一個按鈕" wicket:id="btn01"></div>
<div><input type="submit" value="第二個按鈕" wicket:id="btn02"></div>
<div><input type="submit" value="第三個按鈕" wicket:id="btn03"></div>
</form>
</body>
</html>

步驟二.寫一個ButtonExamples.java類別

package wicket.examples.html.body.form.button;

import wicket.examples.Examples;
import wicket.markup.html.WebPage;
import wicket.markup.html.form.Button;
import wicket.markup.html.form.Form;
import wicket.markup.html.panel.FeedbackPanel;

public class ButtonExamples extends WebPage {

public ButtonExamples(){
super();
add(new FeedbackPanel("feesBack"));
Form cForm = new Form("form");
Button btn01 = new Button("btn01"){
protected void onSubmit(){
info("這是第一個Button用Submit所產生的資料.");
}
};
cForm.add(btn01);

Button btn02 = new Button("btn02"){
protected void onSubmit(){
info("這是第二個Button用Submit所產生的資料.");
}
};
cForm.add(btn02);

Button btn03 = new Button("btn03"){
protected void onSubmit(){
setResponsePage(new Examples());
}
};
cForm.add(btn03);

this.add(cForm);
}
}

步驟三.修改Examples

...
<tr>
<td><a wicket:id="Examples5">show ButtonExamplesPage</a></td>
</tr>
...


...
add(new PageLink("Examples5",ButtonExamples.class));
...

沒有留言: