.NETで縮小・展開可能な分割パネルを持ったWebページを作る

コンポーネントを使った分割パネルを持つWebページの作成

Windowsフォームには、2分割したパネルを縮小・展開したり、ドラッグでパネルのサイズを変更できるSplitterというコンポーネントがあります。このコンポーネントをWebページでも使えるようにしたのが、WebSplitter for .NETのC1WebSplitterコンポーネントです。今回はこのコンポーネントを使って、画像イメージの表示エリアをユーザーが広げられるWebページを作成してみました。

はじめに

　Windowsフォームには、2分割したパネルを縮小・展開したり、ドラッグでパネルのサイズを変更できるSplitterというコンポーネントがあります。このコンポーネントをWebページでも使えるようにしたのが、WebSplitter for .NETのC1WebSplitterコンポーネントです。

　今回はこのコンポーネントを使って、画像イメージの表示エリアをページ表示時にユーザーが広げることができるWebページを作成してみました。

分割バーをクリックすると

左側のパネルを閉じたり開いたりできる

対象読者

　Visual Basic 2005またはVisual C# 2005を使ってプログラムを作ったことのある人。

必要な環境

　Visual Basic 2005またはVisual C# 2005、Visual Studio 2005でプログラムが作れる環境。 .NET Framework 2.0から追加されたクラスやメンバを使用しているので、.NET Framework 2.0がインストールされていることが必須条件です。

　なお、本プログラムはWindows Vista上で動作するVisual Studioを使用して作成し動作確認を行っています。

サンプルプログラム実行時の注意事項

1．Visual Studio 2005でサンプルWebサイトを開く

　Visual Studio 2005をお持ちであれば、ComponentOne Studio Enterprise 2008J、またはComponentOne Studio for ASP.NET 2008Jトライアル版をインストールし、ソースコード圧縮ファイル「mysplit_vb_src.zip」または「mysplit_cs_src.zip」を解凍して作成されるプロジェクトファイルをVisual Studio 2005で開き、実行させてください。

2．Visual Studio 2005を使わずにサンプルWebサイトを開く

　Visual Studio 2005を使わずに、サンプルWebサイトを直接IISなどのWebサーバで開く場合は、ソースコード圧縮ファイル「mysplit_vb_src.zip」または「mysplit_cs_src.zip」を解凍して作成されるプロジェクトファイルを、フォルダ構成を変えずにWebサーバにインストール・登録してください。

　以下は、Microsoft IISサーバにインストールする場合の手順です。

1. プロジェクトファイルのフォルダを、そのままWebサーバへ配置します（例：\Inetpub\wwwroot直下へ配置）。

2. サーバに配置したアプリケーションフォルダに対して、「アプリケーションへの変換」を実行します。

3. 「アプリケーションの追加」ダイアログで、「アプリケーションプール」を「Classic .NET AppPool」に設定します。

4. クライアントのWebブラウザで、Default.aspxファイルを開きます（例： http://localhost/mysplit_vb/Default.asp ）

※注意

　Windows Vistaで製品のサンプルをコンパイルしようとするとエラーが発生する場合があります。これは、Windows VistaのUAC（ユーザーアカウント制御）により、製品サンプルがインストールされているフォルダに書き込みができないため、コンパイル時にエラーが発生するという現象です。Visual Studioを管理者権限で実行するか、サンプルプロジェクト一式をアクセス権のあるフォルダに移動してからコンパイルを行うようにしてください。
また、Webブラウザでaspxファイルを実行する際にIISサーバでエラーになる場合は、Web.configファイルに以下の1行を追加してください。

 <identity impersonate="false" />