Visual C# サンプル
CarsSelector サンプル : ASP.NET Web ページの作成および使用の例
CarsSelector サンプルは、単純な電子商取引ページをシミュレートする自動車選択 Web フォーム ページの構築方法を示します。このサンプルは、以下の機能を示します。
- データ連結。このサンプルでは、複数種類のデータ連結を使用します。
- 単純なデータ連結。
- プログラムで作成したデータ テーブルへの連結。データ ソースはデータベースから取得したものではありません。
- イベント ハンドラを使用した、コントロールの連結の動的な変更。
- 検証コントロールの使用。
- カレンダー コントロールの使用、および検証コントロールを使用しないエントリの検証。
必要条件
このサンプルをビルドおよび実行するには、FrontPage Server Extensions がインストールされた、Internet Information Services 5.0 を実行しているコンピュータが必要です。
サンプルのビルドと実行
ソリューションを作成するには
- サンプル ファイルをハード ディスクにコピーします。
- 新規 Web アプリケーションを作成し、CarsSelector という名前を付けます。
- ファイル WebForm1.aspx を右クリックし、ショートカット メニューの [削除] をクリックして、既定の Web フォーム ページを削除します。
- プロジェクトに CarsSelectorSample.aspx ファイルを追加します。このファイルをプロジェクトに追加するには、プロジェクト名を右クリックし、ショートカット メニューの [追加] をポイントして [既存項目の追加] をクリックします。[ファイルの種類] を [すべてのファイル (*.*)] に変更し、ファイル CarsSelectorSample.aspx を参照して選択し、[開く] をクリックします。
- プロジェクトに CarsSelectorSample.aspx.cs ファイルを追加します。このファイルをプロジェクトに追加するには、プロジェクト名を右クリックし、ショートカット メニューの [追加] をポイントして [既存項目の追加] をクリックします。次に、CarsSelectorSample.aspx.cs ファイルを参照して選択し、[開く] をクリックします。[OK] をクリックして既存のファイルを上書きします。
- Web フォーム ページを開始ページとして設定します。Web フォーム ページを開始ページとして設定するには、ファイル CarsSelectorSample.aspx を右クリックし、ショートカット メニューの [スタート ページに設定] をクリックします。
Web フォーム アプリケーションの作成の詳細については、「Web フォーム ページの作成と管理」を参照してください。
サンプルをビルドして実行するには
- [ビルド] メニューの [ソリューションのビルド] をクリックします。
- [デバッグ] メニューの [デバッグなしで開始] をクリックします。
Web フォーム ページが表示されます。自動車を選択して項目を選択すると、ラベルに連結された結果が表示されます。
Web フォームを使用するには
- まず、[Brand] ボックスで自動車のブランドを選択します。
- [Model] ボックスでモデルを選択します。この一覧の内容は、選択した自動車のブランドによって異なります。
- [Year]、[Color]、および [Mileage] を該当するドロップダウン リストから選択します。
- [Your Email] ボックスに電子メール アドレスを入力します。
- [Features Desired] で、1 つ以上のチェック ボックスをオンにします。
- [Desired available date] カレンダーで有効な日付を選択します。
- [Submit] をクリックします。
クラスとキーワード
このサンプルでは次のクラスを使用します。
System.Web.UI.Page
このサンプルでは、次のキーワードを使用します。
DropDownList、AutoPostback、CheckBoxList、RequiredFieldValidator、RegularExpressionValidator、Dilatable