連載：VS 2005でいってみようDBプログラミング 第11回　実践アプリケーションでもっと踏み込むASP.NET 2.0の世界 山田 祥寛（http://www.wings.msn.to/） 2006/12/23
Page1 Page2 Page3 Page4

［2］データ操作の各タイミングでの処理を定義する

　以上でフォーム・デザイナ上の作業は完了です。次に、ページ上で発生する各イベントに応じた処理を追加します。

　ここで追加するのは、FormViewコントロールのItemInserting／ItemUpdatingイベント・ハンドラです。それぞれInsertItemTemplate／EditItemTemplateテンプレート上で［投稿］ボタンがクリックされたタイミングで、実際の登録処理が行われる「直前」に実行されます。

　また、FormViewコントロールにデータがバインドされたタイミングで処理されるDataBoundイベント・ハンドラを修正します。

' FormViewコントロールのDataBoundイベント・ハンドラ Protected Sub fv_DataBound(ByVal sender As Object, ByVal e As System.EventArgs)   Dim cok As HttpCookie = Request.Cookies("name")   Select Case fv.CurrentMode     ' 参照モードの場合、idata列に画像データが存在するかどうかを確認     ' データがセットされている場合のみImageコントロールを表示状態に     ' 設定     Case FormViewMode.ReadOnly       Dim view As DataRowView = DirectCast(fv.DataItem, DataRowView)       If Not IsDBNull(view("idata")) Then         Dim img As Image = DirectCast(fv.FindControl("img"), Image)         img.Visible = True       End If     Case FormViewMode.Insert       ……中略……     Case FormViewMode.Edit       ……中略……   End Select End Sub ……中略…… ' FormViewコントロールのItemInsertingイベント・ハンドラ ' InsertItemTemplateテンプレート上、［投稿］ボタンクリックの ' タイミングでアップロード・ファイルの情報をバイト配列としてセット Protected Sub fv_ItemInserting(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.FormViewInsertEventArgs)   Dim idata As FileUpload = _     DirectCast(fv.FindControl("idata"), FileUpload)   e.Values.Add("idata", idata.FileBytes) End Sub ' FormViewコントロールのItemUpdatingイベント・ハンドラ ' EditItemTemplateテンプレート上、［投稿］ボタンクリックの ' タイミングでアップロード・ファイルの情報をバイト配列としてセット Protected Sub fv_ItemUpdating(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.FormViewUpdateEventArgs)   Dim idata As FileUpload = _     DirectCast(fv.FindControl("idata"), FileUpload)   e.NewValues.Add("idata", idata.FileBytes) End Sub

リスト1　各テンプレートでの処理を記述したコード（BbsShow.aspx）

　ここで注目していただきたいのは、以下の2点です。

（1）FormViewコントロール内の表示アイテムを取得するのはDataItemプロパティ

　FormViewコントロール上で表示されたアイテム（レコード）を取得するのは、DataItemプロパティの役割です。ここでは、DataItemプロパティを介して取得したDataRowViewオブジェクトからidataフィールドの値を取得し、空であるか（DBNull値であるか）を判定します。

　そして、空でない場合（idataフィールドに画像データがセットされている場合）に、Imageコントロールを表示状態にしているわけです。なお、DataItemプロパティは戻り値をObjectオブジェクトとして返しますので、使用するに当たっては、必ずDirectCast命令で適切な型にキャストする必要がある点に注意してください。

（2）データソース・コントロールへのパラメータはValues／NewValuesプロパティにセット

　FileUploadコントロールからアップロードされたファイル情報は、ItemInserting／ItemUpdatingイベント・ハンドラのパラメータであるFormViewInsertEventArgsオブジェクトのValuesプロパティとFormViewUpdateEventArgsオブジェクトのNewValuesプロパティを介して引き渡すことが可能です。ファイル情報は、FileUpload.FileBytesプロパティによって取得します。

［3］画像出力用にWebフォームを新規作成する

　次に、先ほど保留にしておいたBbsImage.aspxを作成します。BbsImage.aspxはBbsShow.aspxのItemTemplateテンプレート（Imageコントロール）から呼び出されることを想定したWebフォームで、クエリ情報idをキーにBbsテーブルを検索し、対応する画像情報を取得、クライアントに表示します。

　新規のBbsImage.aspxを作成したら、フォーム・デザイナから図5の要領でSqlDataSourceコントロールを配置し、プロパティ情報を設定しておきます。

図5　BbsImage.aspxのフォーム・レイアウト

SqlDataSourceコントロール（sds）を配置。表3のようにプロパティ情報を設定する。

プロパティ 設定値 ConnectionString myDb（第2回を参照） DataSourceMode DataReader SelectQuery SELECT idata FROM Bbs WHERE (id = @id)

表3　図5で配置したSqlDataSourceコントロール（sds）のプロパティ

　また、SelectQueryプロパティの@idパラメータには、図6の要領でクエリ情報「id」から値を受け取れるようにパラメータ・ソースの登録を行っておきましょう（クエリ情報については第10回を参照）。

図6　［コマンドおよびパラメータのエディタ］ダイアログ

SelectQueryプロパティの@idパラメータは、クエリ情報「id」の値を受け取れるように設定する。

　以上で、SqlDataSourceコントロールの設定は完了です。あとは、ページロード時に設定したSELECT命令を実行するコードを記述するだけです（リスト2）。

' フォームのLoadイベント・ハンドラ Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)   Dim reader As IDataReader = _     sds.Select(DataSourceSelectArguments.Empty)   If reader.Read() Then     If Not IsDBNull(reader("idata")) Then       Response.BinaryWrite(DirectCast(reader("idata"), Byte()))     End If   End If   Response.End() End Sub

リスト2　ページロード時の処理を記述したコード（BbsImage.aspx）

データベースから読み込んだバイナリ・データ（画像データ）を出力する。

　SqlDataSource.SelectCommandプロパティで設定されたSELECT命令を実行する方法については、第5回でも紹介したとおりです。ここでは取得したIDataReaderオブジェクトからidataフィールドの値を読み込み、空でない（DBNull値でない）場合にのみ、その内容をクライアントに出力します。

　本サンプルのようなバイナリ・データを出力するのは、Response.BinaryWriteメソッドの役割です。取得したidataフィールドの値は、DirectCast命令によってバイト配列にキャストしなければならない点にも注意してください。

　以上で、画像データのアップロード／表示機能の実装は完了です。BbsShow.aspxを起動し、図1のように新規投稿画面（または返信投稿画面）から画像データを投稿できることを、また、投稿した画像データが個別記事表示画面から正しく参照できることを確認してみましょう。

INDEX
	Visual Studio 2005でいってみようDBプログラミング
	第11回　実践アプリケーションでもっと踏み込むASP.NET 2.0の世界
	1．掲示板アプリケーションに画像アップロード機能を追加する（1）
	2．掲示板アプリケーションに画像アップロード機能を追加する（2）
	3．掲示板の更新情報をRSSフィードで配信する
	4．アプリケーション・エラーに関する情報を管理者にメールで通知する

　

「Visual Studio 2005でいってみようDBプログラミング」

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）