ViewStateを使ったデータの保存

　WebサーバーとWebクライアントはリクエストとレスポンスをやり取りして処理を進めていきます。これらはいつもつながっているわけではないので、リクエストがあったらサーバーは処理をする準備をして処理をし、結果を返したら後片付けをします。またリクエストがあったら準備をして…を繰り返していきます。

　Webアプリケーションでは、データを複数のやり取りで利用したい場合があります。上のような仕組みでは、毎回毎回データを用意しなくてはなりません。一度使ったデータはレスポンスがされたら消えてしまいます。

データが消えてしまう
データが消えてしまう

　何度かのやり取りでデータを扱いたい場合は、データを保存させなければなりません。その方法にはいくつかあります。この節ではそのうちの一つであるビューステートを使った方法を見てみましょう。ビューステートはWebブラウザーにデータを保存させます。Htmlの隠し要素としてデータを保持させ、画面上にはデータを表示しません。

データをWebクライアント側に保存
データをWebクライアント側に保存

　Webサーバーは保存したいデータをレスポンスに載せてWebブラウザーに送り、保存させます。Webブラウザーからリクエストがあった時に一緒に保存させておいたデータを送ってもらいます。

　ビューステートはStateBagオブジェクトを使って扱います。PageオブジェクトのViewStateプロパティでStateBagオブジェクトを取得できます。

■　主なプロパティ

プロパティ名 概要
Item StateBagオブジェクト内の項目の値を取得・設定する
StateBugの主なプロパティ

■　主なメソッド

プロパティ名 概要
Add StateItemオブジェクトをStateBagオブジェクトに追加する
既に項目が存在する場合は、値を更新する
Clear StateBag内の項目をすべて削除する
Remove StateBagオブジェクトから指定したキーと値のペアを削除する
StateBugの主なメソッド
プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 ViewStateTest

サンプルダウンロード

○　デザイン

　Webフォームを追加して、次のようにコントロールを配置してください。

コントロールの配置例
コントロールの配置例

○　プログラム

　次のように各イベントハンドラにプログラムを記述してください。

index.aspx.vb

  1. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  2. 　'エラーメッセージを初期化する
  3. 　Me.lblError.Text = String.Empty
  4. End Sub
  6. Protected Sub btnSave_Click(sender As Object, e As EventArgs) Handles btnSave.Click
  7. 　'色名をViewStateに保存する
  8. 　If Me.txtColor.Text.Length = 0 Then
  9. 　　Me.lblError.Text = "色を入力してください。"
  10. 　　Me.txtColor.Focus()
  11. 　Else
  12. 　　Me.ViewState("color") = Me.txtColor.Text
  13. 　End If
  14. End Sub
  16. Protected Sub btnExcecute_Click(sender As Object, e As EventArgs) Handles btnExcecute.Click
  17. 　'ビューステートが保存してあれば、その色をTextBoxコントロールに表示する
  18. 　If Me.ViewState("color") <> Nothing Then
  19. 　　Me.txtColor.BackColor = System.Drawing.Color.FromName(Me.ViewState("color").ToString())
  20. 　Else
  21. 　　Me.lblError.Text = "色を保存してください。"
  22. 　End If
  23. End Sub

○　実行結果

　index.aspxを実行してください。

実行結果
実行結果

○　解説

　15行目ではViewStateプロパティにキー名colorで、txtColorに入力した文字列を格納しています。これによりWebブラウザー側に入力した文字列が保存されるようになります。22行目では、ビューステートの情報を取得して、その色をtxtColorの背景色としてセットしています。System.Draw.Color構造体のFromNameメソッドは、引数に指定した色名のColorオブジェクトを生成できます。今回は結果としてtxtColorに入力した色名を背景色として表示させています。

　ビューステートは多用しすぎるとWebサーバー・Webクライアント間でのやり取りする情報が多くなり、レスポンスが遅くなる可能性があるので注意が必要です。

前へ   次へ