Teedaチュートリアル4 - おおたに6号機blog


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<form id="Form">
<div><span id="messages"></span></div>
<table>
	<tr><td><input type="text" id="arg1" /></td></tr>
	<tr><td><span>&nbsp;+&nbsp;</span></td></tr>
	<tr><td><input type="text" id="arg2" /></td></tr>
	<tr><td><input type="submit" id="doCalculate" value="計算実行"/></td></tr>
</table>
</form>
</body></html>

ここでもう一点注目すべきことがあります。

それは<input type="submit" id="doCalculate" value="計算実行"/>です。

id 属性をみてください。doCalculateとまるで動詞のように書かれています。

そう、Teedaではメソッドとして扱われます。Teedaではsubmitなどのイベントを発生させるタグなどは、

doメソッドと呼ばれており、Pageクラスのメソッドとマッピングされます。

submitタグをPageクラスのメソッドとマッピングする場合には、idをdoからはじめます。例えばdoCalculateのようになります。

他にも何種類かバリエーションがありますが、まずはsubmitタグはidにPageクラスのメソッド名を

記述してマッピングする、と覚えましょう。

ではDoltengを使って、AddInputPageを作ってみましょう。

package examples.teeda.web.add;

public class AddInputPage {

	public Integer arg1;//1
	public Integer arg2;//2

	public Class doCalculate() {//3
		return null;
	}

	public Class initialize() {
		return null;
	}

	public Class prerender() {
		return null;
	}

}

では作成したPageクラスを振り返ってみましょう。

Pageクラスの番号が振ってある部分を見てください。

1、2はinput textタグ(<input type="text" ...)とマッピングします。

3はinput submitタグ(<input type="submit" ...)とマッピングし、ボタンが押されると、

doCalculateメソッドが呼ばれます。

・ここまでのまとめ

　・入力項目のタグでもTeedaの原則に違わず、idによってPageクラスのプロパティでマッピングする

　・submit項目はid 属性によってPageクラスのメソッドとマッピングする

4-1では、入力コンポーネントの使い方/submitコンポーネントの作り方・使い方を学びました。

コメントを書く

katzchang 2008/04/10 15:03 <tr><td><input type=”submit” id=”doCalculate” value=”計算実行”/></span></td></tr>

↑で、span要素の開始タグが抜けているようです＞＜