NavPanel for ASP.NET のC1NavPanelコントロールを使ったアプリケーションの作成
瀬戸 遥 [著] 2010/05/14 14:00

 NavPanel for ASP.NETのC1NavPanelコンポーネントは、Microsoft Outlookスタイルのナビゲーションペインを持ったコントロールで、複数のペインを使ってコンテンツを分類できる機能を持っています。そこで、今回は筆者のホームページで公開している記事の一部を展開可能なパネルで表示し、ユーザビリティの高いレイアウトに変更してみました。

1 2 3 4 →

はじめに

 Webページでコンテンツを表示する方法はさまざまな種類がありますが、多くのページを表示するのはフレームと目次を組み合わせる方法が一般的です。しかし、目次の数が多くなるとどうやって整理するかが問題になってきます。

 NavPanel for ASP.NETのC1NavPanelコンポーネントは、Microsoft Outlookスタイルのナビゲーションペインを持ったコントロールで、複数のペインを使ってコンテンツを分類できる機能を持っています。さらに、バウンドや伸縮などの多種多様なアニメーション効果を実装できるため視覚効果が高く、ユーザーが使いやすいWebページに仕上げることができます。

 そこで、今回は筆者のホームページで公開している、Excel VBAのテクニックを紹介する記事の一部を、このC1NavPanelコントロールの展開可能なパネルで表示するように変更してみました。

C1NavPanelでコンテンツの項目リストを表示する
C1NavPanelでコンテンツの項目リストを表示する
パネルの見出しをクリックすると項目リストが入れ替わる
パネルの見出しをクリックすると項目リストが入れ替わる

対象読者

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

必要な環境

 Visual Basic 2008、Visual C# 2008、Visual Studio 2008でプログラムが作れる環境。なお、本プログラムはWindows Vista上で動作するVisual Studio 2008を使用して作成し、Internet Explorer 8で動作確認を行っています。

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

 NavPanel for ASP.NETを使って作成したアプリケーションを配布する場合、NavPanel for ASP.NETのアセンブリファイルを添付する必要があります。アプリケーションを正常に動作させるためには、次のファイルをインストールする必要があります。これらのファイルは、プログラムを実行するフォルダにフォルダ構成を変えずに格納してください。

ファイル内容
C1.Web.UI.3.dll共通アセンブリ
C1.Web.UI.3.resources.dll共通アセンブリのサテライトリソース
C1.Web.UI.Controls.3.dll本体アセンブリ
C1.Web.UI.Controls.3.resources.dll本体アセンブリのサテライトリソース
※注

C1.Web.UI.3.resources.dllとC1.Web.UI.Controls.3.resources.dllは、日本語表示のために必要です。

コンポーネントのインストール

 NavPanel for ASP.NETコンポーネントを使用する場合は、Visual Studio、Visual Basic、Visual C#の開発環境に、ComponentOne Studio Enterprise 2010Jをインストールする必要があります。

 インストーラは、グレープシティのWebページからダウンロードできます。製品ページの[申込フォーム]をクリックし、グレープシティのWebサイトへ必要情報を登録すると、添付トライアルライセンスキーファイルとダウンロードサイトを記載したE-Mailが送られてきますので、ここからダウンロードします。制限事項などの詳細については、インストーラに同梱されているリリースノートを参照ください。

コントロールの追加

 ComponentOne Studio Enterprise 2010Jをインストールしたら、ツールボックスに専用のタブを作成し、使用するコンポーネントを追加します。追加するコンポーネントは、アセンブリ名が「C1.Web.UI.Controls.3」の「C1NavPanel」コントロールです。

アセンブリ名が「C1.Web.UI.Controls.3」の「C1NavPanel」コントロールを選択する
アセンブリ名が「C1.Web.UI.Controls.3」の「C1NavPanel」コントロールを選択する

1 2 3 4
→
INDEX
展開可能なパネルを持ったWebページを作る
Page1
はじめに
対象読者
必要な環境
プログラム実行時の注意事項
コンポーネントのインストール
C1NavPanelコントロールについて
Webページの作成
ペインの作成
ペインのヘッダーとコンテンツの作成
まとめ
プロフィール
瀬戸 遥 セト ハルカ

8ビットコンピュータの時代からBASICを使い、C言語を独習で学びWindows 3.1のフリーソフトを作成、NiftyServeのフォーラムなどで配布。Excel VBAとVisual Basic関連の解説書を中心に現在まで40冊以上の書籍を出版。近著に、「ExcelユーザーのためのAccess再入門」(翔泳社)、など。


記事へのコメント・トラックバック機能は2011年6月に廃止させていただきました。記事に対する反響はTwitterやFacebook、ソーシャルブックマークサービスのコメントなどでぜひお寄せください。

スポンサーサイト