第4回:Webアプリケーションの開発 (3/4)

はじめて覚えるSQL Server 2005 Express Edition
はじめて覚えるSQL Server 2005 Express Edition

第4回:Webアプリケーションの開発
著者:システムインテグレータ   戸坂 龍太郎  2006/6/30
前のページ  1  2  3   4  次のページ
コマンドボタンの配置

   SQLの定義が終わったら、登録するためのボタンを配置しよう。DetailsViewの右上の三角を右クリックして「DetailViewタスク」を開き、「フィールドの編集」をクリックしてフィールド修正ウィンドウを開く。

   「使用できるフィールド」リストから「CommandField」を開き、「新規、挿入、キャンセル」をダブルクリックして追加する。ボタンの文字列や種類はプロパティで編集できる。ここでは、例としてButtonTypeをButtonに変更してみた(図12)。

デザインテンプレートの使用
図12:デザインテンプレートの使用
(画像をクリックすると別ウィンドウに拡大図を表示します)

   最後に画面右のDetailsView1のプロパティの「動作」にある「DefaultMode」を「Insert」に変更しよう。するとDetailViewのデザインが変わり、データを入力できるようになる(図13)。

Insertモードの設定
図13:Insertモードの設定
(画像をクリックすると別ウィンドウに拡大図を表示します)

   また、システム日付を設定する「登録日」「更新日」は直接入力する必要がないので、カラムを非表示にしよう。これでデータ登録用のインターフェースが動くようになるので「Ctrl+F5」を押して動作確認を行う。すると、入力した情報がデータベースに格納されるのがわかる。

データ入力画面と登録されたデータを確認
図14:データ入力画面と登録されたデータを確認
(画像をクリックすると別ウィンドウに拡大図を表示します)

前のページ  1  2  3   4  次のページ


システムインテグレータ 戸坂 龍太郎
著者プロフィール
システムインテグレータ  戸坂 龍太郎
株式会社システムインテグレータ勤務。自社開発のパッケージをベースにしたECサイトを年に数件立ち上げている。システム面・業務面ともに多数のECサイトを構築したノウハウを次の開発にどのようにいかすかを常に考え、日々勉強中。


INDEX
第4回:Webアプリケーションの開発
  Web+DBアプリケーションの開発
  新規登録画面の作成
コマンドボタンの配置
  Gridを使った一覧画面の作成
はじめて覚えるSQL Server 2005 Express Edition
第1回 SQL Server 2005 Express Editionとは
第2回 SQL Server 2005 Express Editionのインストールと基本操作
第3回 無償版Visual Web Developerを利用してのWebアプリケーション作成
第4回 Webアプリケーションの開発

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored