TOPシステム開発> メニューテーブル用のデータを用意する
Nexaweb Studio
Nexaweb Studioで手軽にリッチクライアントアプリケーション開発

第3回:サンプルからNexawebの機能を学ぶ

著者:チェンジビジョン  岩永 寿来、豆蔵  長谷川 裕一
2007/6/12
前のページ  1  2   3  4  次のページ
メニューテーブル用のデータを用意する

   メニューテーブルでは「商品名」「単価」「選択」という3つの列と、適当な3つの行で構成されるデータを用意しました(リスト2の1)。またメニューテーブルの「選択」列には、注文するかどうかを示すチェックボックスをはめ込みます(リスト2の2)。
リスト2:メニューテーブル
リスト2:メニューテーブル
(画像をクリックすると別ウィンドウに拡大図を表示します)


ボタンが押された後のイベント処理

   次にMCOで注文確認ボタンが押されたイベントを処理するよう設定します。ここでは注文確認ボタンを選択し、コンテキストメニューから「Event Wizard」を選び、EventにonCommandを指定します。次のイベントハンドラーを選択する画面ではMCOを選択します。次の画面ではMCOとなる新規Javaクラスの生成ダイアログが表示されるので、任意のパッケージ名やクラス名を設定します。

   次に、onCommandイベントに対応するメソッド名を指定する画面に遷移します。デフォルトではbuttonのonCommandが選択されているはずです。このようにイベントに対応したメソッド名をつけてもよいのですが、今回はメソッド名を「order」としてみましょう。

   ここまでの一連の操作で、図5のようにOrderMcoを登録し終えたはずです。その後、MCOのIDやイベントを処理するメソッドを選択します(今回はorderメソッドを指定します)。

OrderMcoを登録し終えた状態のウィザード
図5:OrderMcoを登録し終えた状態のウィザード
(画像をクリックすると別ウィンドウに拡大図を表示します)

   これでMCOを登録することができました。Nexaewb Visual Editorでソースコードを見てみると、リスト3のようになっています。

リスト3:MCOを登録し終えた後の注文画面のソース
リスト3:MCOを登録し終えた後の注文画面のソース
(画像をクリックすると別ウィンドウに拡大図を表示します)

   リスト3の1はMCOを定義している箇所です。このようにMCOはdeclarationsタグとmcoタグで定義します。リスト3の2ではボタンのonCommandイベントでOrderMcoクラスのorderメソッドを呼び出しているのがわかるでしょう。ただしEventWizardでイベントハンドラーを適用するのは少々手順が多く面倒です。次回からはソースコードを直接修正してもよいでしょう。

   次にEventWizardで作成されたOrderMcoクラスを見てみましょう。orderメソッドにはリスト4のように、すでに何行か実装されていますが、これらはすべて削除します。

リスト4:OrderMco
リスト4:OrderMco
(画像をクリックすると別ウィンドウに拡大図を表示します)

前のページ  1  2   3  4  次のページ


株式会社チェンジビジョン 岩永 寿来
著者プロフィール
株式会社チェンジビジョン  岩永 寿来
モデリングツールJUDEを開発しているチェンジビジョンで、ソフトウェア開発プロジェクトの見える化を支援するTRICHORDを開発している。最近は2DやJOGLなど3D技術に興味があり、クールなUIやエフェクトを日々探求している。共著として「Spring入門(技術評論社)」、「Spring2.0入門(技術評論社)」。


株式会社豆蔵 長谷川 裕一
著者プロフィール
株式会社豆蔵  長谷川 裕一
XMLの技術開発やCORBA、EJBを使用したシステム開発などを経て、現在はアジャイル開発プロセスの導入から工学的なソフトウエアプロセスの策定、オープンソースプロダクトに関するコンサルタント、アーキテクトとして常に第一線で活躍。共著として「プログラムの育てかた 現場で使えるリファクタリング(ソフトバンク)」、「Spring入門(技術評論社)」。


INDEX
第3回:サンプルからNexawebの機能を学ぶ
  Nexawebでる注文システムを作る
メニューテーブル用のデータを用意する
  orderメソッド
  データソースの定義