Woodstockコンポーネントの配置

さて、今回のエントリーでは、実際にWoodstockコンポーネントを配置していきます。実は、その前に一つ作業が残っています。NetBeans6.1に付属しているWoodstockのバージョンは4.1FCSなのですが、どうやらバグがあるようです。また、関連しているかどうかは分かりませんが、NetBeans6.1でWoodstockコンポーネントを利用したJSFページを作成した場合、Firefox3で表示に問題がある事が分かっています。という事で、こちらのページを参考にNetBeansのWoodstockをアップデートしました。
使用したWoodstockプラグインファイルは、こちらのページからダウンロードしました。(今回インストールしたのは、4.3Build6です。)

では、早速コンポーネントを配置していきましょう。完成イメージはこちらになります。私は絵心が無いので、飾りはいっさい省きました。

1. まず、右の[パレット]ウィンドウの[Woodstock基本]を展開してください。
2. [Woodstock基本]にある[テキストフィールド]をクリックし、[デザイン]パネルの左上辺りに配置してください。そして、[Ctrl]+クリックして、出てきたポップアップから[バインド属性を追加]を選択してください。
3. 次に、[Woodstock基本]にある[ボタン]をクリックし、テキストボックスのすぐ右側に配置します。同様に[バインド属性を追加]しておきます。さらに、右下にあるプロパティウィンドウで[ラベル]を"検索"に変更しておきます。
4. 次に、[リストボックス]をその下に配置、さらにその下に[表]を配置、それぞれバインド属性を追加しておきます。

とりあえず以上でイメージ図の様な配置が完了すると思います。この段階でどのように見えるのか見てみましょう。[主プロジェクトの実行]をしてみますと、しばらくするとデフォルトブラウザが立ち上がって下のような画面が見られる事と思います。
ちなみに、上のスクリーンショットはSafariのものです。Firefox3では、やはりうまく行かないようです。ん〜、なんでだろう。

最後に大事な事を忘れていました。Page1の[デザイン]パネル上で何もコンポーネントが配置されていないところをクリックしてください。右下のプロパティウィンドウがPage1のプロパティになっていると思います。[タイトル]のテキストを"薬剤併用禁忌検索システム"に変更してください。