演習 3: 「Trip Search Results」ページと「Trip Detail」ページのリンク

この演習では、ユーザーが任意の旅行の詳細を表示できるように、「Trip Search Results」ページを修正します。そのためには、結果ページの旅行名のエントリをリンクに変換します。このリンクをクリックすると、「Trip Detail」ページで旅行の詳細情報が表示されます。

「Trip Search Results」ページ (tripsearchresult.cfm) を「Trip Detail」ページ (tripdetail.cfm) にリンクするには、次の手順を使用します。

「Trip Search Results」ページから「Trip Detail」ページにジャンプするリンクを作成するには :

1. my_app ディレクトリから "tripsearchresult.cfm" ファイルを開きます。
2. cfoutput ブロックの #tripName# を次のコードに置換します。

   <a href="tripdetail.cfm?ID=#URLEncodedFormat(tripID)#">#tripName# </a>
   

   メモ: URLEncodedFormat は、URL をエンコードした文字列を返す ColdFusion 関数です。スペースは %20 に置き換えられ、英数字以外の文字はその文字に相当する 16 進数のエスケープシーケンスに置き換えられます。ColdFusion では、ページに渡される URL パラメータが自動的にデコードされるので、この関数を使用することにより、URL 内に意の文字列を渡すことができます。

3. ファイルを保存します。

修正されたページをテストするには

1. my_app ディレクトリにある "tripsearchform.cfm" ページをブラウザで表示します。
2. [Location] ドロップダウンリストで、[Begins With] を選択し、値として「C」を入力します。
3. [Search] をクリックします。

   「Trip Search Results」ページには、リストされた各旅行名のハイパーリンクが次のように表示されます。

   
   
   

4. 任意の旅行の「Trip Detail」ページを表示するには、旅行名をクリックします。

「Trip Detail」ページと「Trip Search Results」ページの日付と金額の形式が設定されていません。演習 4: 「Trip Search Results」ページと「Trip Detail」ページの表示の改善で、このアプリケーションの表示を改善します。

ColdFusion MX 7 | ColdFusion MX 6.1 | ColdFusion MX* | ColdFusion 5* | フォーラム* | デベロッパーセンター | サポート情報 | バグ報告

バージョン7

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/coldfusion/7_jp/htmldocs/tripdet5.htm

コメントの追加