演習 1 : 電話番号テーブルの追加
以下は、Zen Contacts に Phone テーブルを追加する手順の概要です。
-
tablePane コンポーネントを HomePage.cls に追加します。tablePane の要件は以下のとおりです。
-
PhoneNumber オブジェクトの ID を格納する列が含まれます。この列は非表示にしておくことができます。
-
PhoneNumber オブジェクトの PhoneNumberType を表示する列が含まれます。
-
PhoneNumber オブジェクトの Number を表示する列が含まれます。
-
edit リンクを表示する列が含まれます。
-
データを取得するために、"SELECT ID, Number, PhoneNumberType From ZenTutorial.PhoneNumber Where Contact=?" というクエリが使用されます。
-
クエリ・パラメータの値を提供するために、<parameter> 要素が使用されます。<parameter> の詳細は、下記のメモを参照してください。
-
Phone テーブルのスタイルには、Contact テーブルの HomePage.cls で指定されたスタイル情報が使用されている点に注意してください。
-
-
displayPhones メソッドを HomePage.cls に追加します。このメソッドは、ユーザが Contact テーブルの show phones リンクをクリックしたときに呼び出されます。このメソッドにより、HomePage.cls は、選択した連絡先の電話番号情報すべてを Phone テーブルに表示するようになります。このメソッドの要件は以下のとおりです。
-
これはクライアント側 (JavaScript) メソッドです。
-
Contact オブジェクトの ID を表す引数を 1 つ受け入れます。このオブジェクトの電話番号がテーブルに表示されます。
-
引数としてメソッドに渡された ID の値は、Phone テーブルのクエリ・パラメータの値に設定されます。
-
これは、Phone テーブルを “表示” します。つまり、HomePage.cls は、既定では非表示になっている Phone テーブルを表示するようになります。
-
クエリ・パラメータと <parameter> 要素の使用の詳細は、"Zen コンポーネントの使用法" の "Zen のテーブル" にある "クエリ・パラメータ" のセクションを参照してください。