UIへの動作の追加

デモ・アイコン デモ           詳細アイコン 詳細

  1. 開いているエディタ・ページで、データ表の表示に使用しているページのタブ(employees.jsp)をクリックして、ビジュアル・エディタに開きます。
  2. コンポーネント・パレットのStruts Logicページで、PresentをHTML表の上部にあるページにドラッグします。
  3. ビジュアル・エディタでPresentを選択し、プロパティ・インスペクタで「name」属性をempformに、「property」属性をemployeesに設定します。
  4. 構造ウィンドウで、table要素をlogic:present要素内にドラッグします。
    詳細アイコン 詳細
  5. 構造ウィンドウで、table要素ノードを開きます。
  6. 2番目の表の行のtr要素を右クリックし、「trの後ろに挿入」次に選択「Struts Logicの順に選択します。次に、コンポーネントのリストからIterateを選択します。
  7. プロパティ・インスペクタの共通プロパティ・ページで、「ID」プロパティをresultに設定します。アドバンスト・プロパティ・ページで、「name」プロパティをempformに、「property」プロパティをemployeesに設定します。次に「OK」をクリックします。
  8. 構造ウィンドウで、2番目の表の行のtr要素をlogic:iterate要素の中にドラッグします。
  9. コンポ-ネット・パレットのStruts Beanページで、表ヘッダーFirst Nameの下にある先頭の表セルにWriteをドラッグします。
  10. プロパティ・インスペクタの共通プロパティ・ページで、「ID」プロパティをresultに設定します。アドバンスト・プロパティ・ページで、「property」プロパティを、その列に表示するTopLinkマップ属性(firstName)に設定します。次に「OK」をクリックします。
    詳細アイコン 詳細
  11. 引き続き、Write要素を残りの表セルにドラッグし、「property」プロパティを、各列に対応して表示するTopLinkマップ属性(lastNamephoneNumberemailhireDate)に設定します。
    詳細アイコン IDE表示の詳細説明
キュー・カード・アイコン 次のステップへ