![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
|
Wicket 表を作る |
一覧表のリンクをクリックすると、明細画面に遷移するようなアプリケーションを作りたい
| クラス名 | 内容 |
| MagicVO | 魔法一件分(=表一行分)を表す Value Object |
| ListPage? | 一覧表画面 |
| RecitePage? | 明細画面 |
| MagicLogic? | 魔法を全件取得するビジネスロジック(※) |
※本式のアプリケーションでは、Session Bean などになるはず。ここでは、CSVファイルを読み込んでいる
package com.snail.wicket.exam.list;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.LinkedList;
import java.util.List;
public class MagicLogic {
public static List<MagicVO> getMagicVOList() throws IOException {
BufferedReader reader = new BufferedReader(new InputStreamReader(
new FileInputStream("C:\\temp\\magics.csv"), "UTF-8"));
List<MagicVO> res = new LinkedList<MagicVO>();
String line;
while ((line = reader.readLine()) != null) {
String[] col = line.split(",");
if (col.length == 4) {
res.add(new MagicVO(col[0], col[1].replaceAll("\"", ""),
col[2], col[3].replaceAll("\"", "")));
}
}
return res;
}
public static void main(String[] args) {
try {
for (MagicVO vo : MagicLogic.getMagicVOList()) {
System.out.println(vo);
}
} catch (IOException e) {
e.printStackTrace();
}
}
}
<?xml version="1.0" encoding="UTF-8"?>
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:wicket="http://wicket.apache.org/">
<head>
<title>Wicket List Examination</title>
</head>
<body>
<strong>Wicket List Examination</strong>
<br/><br/>
<span wicket:id="msg"> error message will be here </span>
<table border="1">
<tr>
<th>ID</th>
<th>NAME</th>
<th>MP</th>
</tr>
<tr wicket:id="magic">
<td wicket:id="id">01</td>
<td>
<a wicket:id="reciteLink">
<span wicket:id="name">水遁の術</span>
</a>
</td>
<td wicket:id="mp">10</td>
</tr>
</table>
</body>
</html>
表の作り方
<td>
<a wicket:id="reciteLink">
<span wicket:id="name">水遁の術</span>
</a>
</td>
と言うように、<a> タグ (→ org.apache.wicket.markup.html.link.Link に対応) の下に、<span> タグ (→ org.apache.wicket.markup.html.basic.Label に対応) を入れる。package com.snail.wicket.exam.list;
import java.io.Serializable;
import java.lang.reflect.InvocationTargetException;
import org.apache.commons.beanutils.BeanUtils;
public final class MagicVO implements Serializable {
private static final long serialVersionUID = 5916203121960729085L;
public static final String EFFECT_COL = "effect";
public static final String ID_COL = "id";
public static final String MP_COL = "mp";
public static final String NAME_COL = "name";
private String effect;
private String id;
private String mp;
private String name;
public MagicVO(final String id,final String name,final String mp,final String effect){
this.id = id;
this.name = name;
this.mp = mp;
this.effect = effect;
}
public void setEffect(String effect) {
this.effect = effect;
}
public String getEffect() {
return effect;
}
public void setId(String id) {
this.id = id;
}
public String getId() {
return id;
}
public void setMp(String mp) {
this.mp = mp;
}
public String getMp() {
return mp;
}
public void setName(String name) {
this.name = name;
}
public String getName() {
return name;
}
public String toString(){
try {
return BeanUtils.describe(this).toString();
} catch (IllegalAccessException e) {
return super.toString();
} catch (InvocationTargetException e) {
return super.toString();
} catch (NoSuchMethodException e) {
return super.toString();
}
}
}
package com.snail.wicket.exam.list;
import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.link.Link;
import org.apache.wicket.markup.html.list.ListItem;
import org.apache.wicket.markup.html.list.ListView;
import org.apache.wicket.markup.html.panel.FeedbackPanel;
import org.apache.wicket.model.CompoundPropertyModel;
import java.io.IOException;
public class ListPage extends WebPage {
private FeedbackPanel feedback = new FeedbackPanel("msg");
public ListPage() {
add(feedback);
try {
ListView magic = new ListView("magic", MagicLogic.getMagicVOList()) {
@Override
protected void populateItem(ListItem item) {
final MagicVO vo = (MagicVO) item.getModelObject(); // final でないと、Link#onClick() から参照できない
item.setModel(new CompoundPropertyModel(vo));
item.add(new Label(MagicVO.ID_COL));
item.add(new Label(MagicVO.MP_COL));
Link reciteLink = new Link("reciteLink") {
@Override
public void onClick() {
setResponsePage(new RecitePage(vo));
}
};
item.add(reciteLink);
reciteLink.add(new Label(MagicVO.NAME_COL));
}
};
add(magic);
} catch (IOException e) {
error("魔法一覧を読み取れませんでした");
}
}
}
<?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/"> <head> <title>Result Page</title> </head> <body> <p>Are you sure you recite this magic? </p> <form wicket:id="f"> Name: <span wicket:id="name">Name will be here</span><br/> Effect: <span wicket:id="effect">Effect will be here</span><br/> Use MP: <span wicket:id="mp">Magic Point will be here</span><br/> <input type="submit" wicket:id="sure" value="sure"/> <input type="submit" wicket:id="cancel" value="cancel"/> </form> </body> </html>
package com.snail.wicket.exam.list;
import com.snail.wicket.exam.MenuPage;
import com.snail.wicket.exam.diary.DiaryPage;
import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.Button;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.model.CompoundPropertyModel;
public class RecitePage extends WebPage {
private MagicVO magic;
public RecitePage(MagicVO pMagic) {
magic = pMagic;
Form form = new Form("f", new CompoundPropertyModel(magic));
add(form);
form.add(new Label(MagicVO.NAME_COL));
form.add(new Label(MagicVO.EFFECT_COL));
form.add(new Label(MagicVO.MP_COL));
form.add(new Button("cancel") {
@Override
public void onSubmit() {
setResponsePage(new ListPage());
}
});
form.add(new Button("sure") {
@Override
public void onSubmit() {
setResponsePage(new ListPage());
}
});
}
}
WicketListCSV.png 1740件
[詳細]
WicketList1.png 1744件
[詳細]
WicketList2.png 1783件
[詳細]
WicketListClassDiagram.png 1752件
[詳細]
