演習 4: 「Trip Search Results」ページと「Trip Detail」ページの表示の改善

旅行メンテナンスアプリケーションに、旅行の検索に実用的なドリルダウン機能が追加されました。このアプリケーションは機能の面では万全ですが、日付や金額の形式を設定したり、長いリストを読みやすくしたりするなど、表示面での改善を行うことができます。

日付と金額の形式設定

ColdFusion には、アプリケーションの表示を改善するいくつかの関数が用意されています。こうした関数には、日付と通貨の変数の形式を設定する DateFormat および DollarFormat 関数が含まれます。

日付と金額の形式を設定するには :

1. 「Trip Detail」ページの通貨および日付フィールドの形式を設定するには、エディタで my_app ディレクトリの "tripdetail.cfm" ファイルを開いて、次の変更を行います。

   既存のコード	置換後のコード
   #departureDate#	#DateFormat(departureDate, "mm/dd/yyyy")#
   #returnDate#	#DateFormat(returnDate, "mm/dd/yyyy")#
   #price#	#DollarFormat(price)#
   #baseCost#	#DollarFormat(baseCost)#

2. ファイルを保存します。
3. 「Trip Search Results」ページの通貨および日付フィールドの形式を設定するには、エディタで "tripsearchresult.cfm" を開き、表で示したとおり、departureDate、returnDate、および price に変更を加えます。
4. ファイルを保存します。

アプリケーションの新しい外観を表示するには :

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

   「Trip Search Results」ページが表示されます。

   
   
   

4. 「Trip Search Results」ページで [Riding the Rockies] リンクをクリックします。

   形式が正しく設定された「Trip Detail」ページが表示されます。

   
   
   

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

バージョン7

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

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

コメントの追加