前のハンズオン・チュートリアルにある前提条件を満たしていること。

このチュートリアルの前のハンズオン・チュートリアルを終了していること。

ビジュアル・エディタで「 browseCustomers」を開き、新しく リンクを 追加します。

プロパティ・インスペクタで、Textプロパティの値として Edit Customerを入力します。 「 Action」プロパティを選択して、ドロップダウン・リストから「 editCustomers」 を選択します。

注：フィールドにActionプロパティ値を入力するだけでも構いませんが、Actionプロパティのテキストはかならず adfc-config.xmlファ イルのナビゲーション・ケースに対応する From Outcomeプロパティのテキストと一致していなければなりませ ん。

Webページをテストするには、「 browseCustomers」を選択して右クリックし、コンテキ スト・メニューから「 Run」を選択します。

ブラウザで編集する列をクリックして顧客を選択し、「 Edit Customers」をクリックしま す。

新規ページがbrowseCustomersページで選択した CustomerIdを返すことを確認し てください。

終了したら、ブラウザを閉じます。

ビジュアル・エディタでbrowseCustomersページが開かれていることを確認してください。 「 Component Palette」タブに切り替えて、ドロップダウン・リストから「 ADF Faces」を選択しま す（コンポーネント・パレットが表示されていない場合は、「 View」→「 Component Palette」を選択してください）。

「 Link」コンポーネントを選択して、ページ内の Edit Customerリ ンクの真横へドラッグします。

作成したリンクを選択します。

プロパティ・インスペクタで、Textプロパティを Show Ordersに設定します。 「 Action」 プロパティを選択して、ドロップダウン・リストから「 browseOrders」を選択します。 前回と同様に、 Actionプ ロパティのテキストは、ページ・フロー・ダイアグラムのナビゲーション・コントロールで入力したものと一致している必要があります。

Save All「 」をクリックするか、「 File」→ 「 Save All」を選択して作業内容を保存します。

browseCustomersページを実行して、変更をテストします。

CustomerId 101を検索して選択します（CustomerIdは、列ヘッダーをクリッ クして順序を変更したり、101と入力して[Return]キーを押すことでフィルタリングしたりすることができます）。

「 Show Orders」をクリックします。

終了したら、ブラウザを閉じます。

ビジュアル・エディタで editCustomersページを開きます。

ビジュアル・エディタで「 Gender」フィールドを選択します。 右クリックして、「 Delete」 を選択します。

これによって、Genderのテキスト・フィールドは削除されます。

ビジュアル・ページ・エディタで選択した各アイテムは、Structureウィンドウでも選択されることに注意してください。 ビジュアル・ページ・エディタで「 DateOfBirth」を選択します。これによって、Structureウィンド ウでもハイライトされます。 データ・コントロール・パレットに戻り、「 CustomersView1」を選択しま す。

「 Gender」を選択し、Structureウィンドウにドラッグして、DateOfBirthの 下にドロップします。 プロンプトが表示されたら、コンテキスト・メニューで「 Single Selections」 →「 ADF Select One Radio」を選択します。

リスト・バインド・エディタが開きます。 「 Fixed List」を選択します。

基本データソース属性で、「 Gender」を選択します。

Mおよび Fを、Set of Valuesの下の行にそれぞれ入力します。 "No Selection" Itemドロップダウン・リストから「 Selection Required」を選択します。

「 OK」をクリックします。

editCustomersページに、ラジオ・アイコンが1つ含まれました。

ページをテストするには、editCustomersページを実行します。 Genderは、ラジオ・ボタン・グループとして表示されます。

終了したら、ブラウザを閉じます。

ビジュアル・エディタの editCustomersページに戻ります。

ビジュアル・エディタで「 Marital_status」フィールドを選択します。 右クリックして、「 Delete」を選択します。

データ・コントロール・パレットで「 CustomersView1」を選択し、展開します。 MaritalStatusを選択し、Structureウィンドウにドラッグして、Genderラジオ・アイテムの下にドロップします。 プロンプトが表示されたら、コンテキスト・メニューで「 Single Selections」→「 ADF Select Boolean Checkbox」を選択します。

ブール・バインド・エディタが開きます。

データ・コレクションで CustomersView1、 属性で MaritalStatusが それぞれ選択されていることを確認してください。

State ValueおよびUnselected State Valueで、 Marriedおよび Unmarried をそれぞれ追加し、「 OK」をクリックします。

Save All「 」をクリックするか、「 File」→ 「 Save All」を選択して作業内容を保存します。

ページをテストするには、editCustomersページを実行し、選択した顧客の Marital statusを 確認します。

終了したら、ブラウザを閉じます。

ビジュアル・エディタの editCustomersページに戻ります。 ほかの2つのフィールドと同様に、ビジュアル・エディタで「 IncomeLevel」フィールドを選択します。

データ・コントロール・パレットから「 CustomersView1」を選択して展開し、「 IncomeLevel」 を選択してStructureウィンドウにドラッグします。 MaritalStatusの直下にドロップして、プ ロンプトが表示されたら「 Single Selections」→「 ADF Select One Choice」を選択します。

リスト・バインド・エディタが開きます。 「 Fixed List」を選択します。

Base Data Source Attributeで、「 IncomeLevel」を選択します。

"No Selection" Itemドロップダウン・リストから「 Selection Required」 を選択します。

Set of Valuesには、以下の値をそれぞれ別の行に入力します。

A: Below 30,000
B: 30,000 - 49,999
C: 50,000 - 69,999
D: 70,000 - 89,999
E: 90,000 - 109,999
F: 110,000 - 129,999
G: 130,000 - 149,999
H: 150,000 - 169,999
I: 170,000 - 189,999
J: 190,000 - 249,999
K: 250,000 - 299,999
L: 300,000 and above

「 OK」をクリックします。

注：この作業をオンライン上で実施している場合、 コピーおよび 貼 付け機能を利用して上記のリストを活用できます。

アプリケーションをテストするには、 editCustomersページを実行します。 IncomeLevelが、 ドロップダウン・リストとして表示されます。

終了したら、ブラウザを閉じます。

ビジュアル・エディタの editCustomersページに戻ります。

ボタンを作成するには、まず「 PanelGroup Layout」コンポーネントをドラッグしてフッ ター・ファセットにドロップし、ボタンを配置します。

既存のSubmitボタンを Panel Group Layout内に配置します。

データ・コントロール・パレットで「 CustomersView1」を選択し、展開します。 CustomerView1の子ノードである「 Operations」ノードを展開します。 「 Create」 操作を選択します。

ページのSubmitボタンの前に Create操作をドラッグします。 プロンプトが表示されたら、コンテキスト・メニューから「 ADF Button」を選択します。

データ・コントロール・パレットに戻り、「 CustomersView1」を閉じてから、 CustomersView1と 同じレベルにある「 Operations」ノードを展開します。

「 Commit」操作を選択してページにドラッグし、Submitボタンの隣にドロップします。 プロンプトが表示されたら、コンテキスト・メニューから「 ADF Button」を選択します。

Rollbackボタンについても同様の作業をおこない、Commitボタンの隣にドロップします。

Save All「 」をクリックして作業内容を保存します。

ユーザーから"Submit"よりも"Apply Changes"の方が好ましいという要望があったので、Submitボタンのテキストを変更します。 変更するには、「 Submit」 ボタンを選択して、プロパティ・インスペクタでTextプロパティを Apply Changesに変更します。

アプリケーションをテストするには、editCustomersページを実行します。

従業員の名前を変更して、変更を取り消すために「 Rollback」をクリックします。

新規カスタマを作成し、「 Apply Changes」をクリックしてデータベースに変更を送信しま す。 「 Commit」をクリックして、データベースのレコードを更新します。

終了したら、ブラウザを閉じます。

このチュートリアルの前半で、ボタンのActionプロパティ値は、ページ・フロー・ダイアグラムのナビゲーション・ケースにおけるテキス トと一致しなければならないと説明しました。

adfc-config.xmlファイルからページ・フロー・ダイアグラムを開きます（Applicationツリーで「 ViewController」ノードを開き、ファイルを検索します）。

editCustomerページからbrowseCustomersページに戻るための cancelお よび commitナビゲーション・フローがあることを確認します。

ビジュアル・エディタの editCustomersページに戻ります。 コンポーネ ント・パレットのドロップダウン・リストで、「 ADF Faces」が選択されていることを確認し ます。

Buttonを選択して、ページ内の Rollbackボタンのすぐ 隣へドラッグします。

新規ボタンが選択されていることを確認します。 プロパティ・インスペクタで、Textプロパティの値として Cancelを 入力します。

Actonプロパティを選択し、ドロップダウン・リストから「 cancel」を選択します。

ビジュアル・エディタで「 Commit」ボタンを選択して、プロパティ・インスペクタのActionプ ロパティ値とナビゲーション・フローの値が一致していることを確認します。 ドロップダウン・リストの値は、ナビゲーション・フローの値です。 データを送信してbrowseCustomersページに戻るには、フロー値を選択する必要があります。 同様の方法で、Action Cancelを Cancelボ タンに割り当てます。

アプリケーションをテストするには、browseCustomersページをページ・フロー・ダイアグラムから実行します。

カスタマを選択し、「 Edit Customers」をクリックします。 従業員の名前を変更して、「 Cancel」 をクリックします。 これにより、カスタマ・ページに戻り、変更が加えられていないことを確認します。

再度カスタマを変更し、今度は「 Apply Changes」をクリックしてから「 Commit」 をクリックします。 データが送信され、 Customersページに戻ります。

終了したら、ブラウザを閉じます。

作業中のOrderEntryアプリケーションで、「 Model」プロジェクトを展開し、エンティ ティ・オブジェクトを表示します。

Customersダイアログのエンティティ・オブジェクトをダブルクリックし、エンティティ・オブ ジェクト・エディタを開きます。

属性ツリーを開き、「 CustomerId」を選択します。

Updatableフィールドで While Newと設定し、「 OK」 をクリックします。

Save All「 」をクリックするか、「 File」→ 「 Save All」を選択して作業内容を保存します。

アプリケーションをテストするには、browseCustomersページを実行します。

カスタマを選択し、「 Edit Customers」をクリックします。

editCustomersページで、CustomerIDフィールドの編集ができないことを確認します。

「 Create」をクリックして、新しいカスタマ・レコードを追加します。 新規レコードのCustomerIDフィールドが編集可能であることを確認します。

終了したら、ブラウザを閉じます。