Day09-1
概要
- Accordionコントロールで開閉可能なパネルを生成しよう！
このレッスンの狙い
ASP.NET AJAXをベースに動作するASP.NET AJAX Control Toollkitについて学ぶ。
ASP.NET AJAX Control Toolkitについて
- Ajax機能を持ったさまざまなサーバコントロールを集めた、コントロール集である。
- 本レッスンでは、
Control toolkitの導入方法とその使用法について学習する。
- 本レッスンでは、
カスタムコントロールを利用する方法
- 標準外で提供されているライブラリをアプリケーションで利用するには下記のような準備が必要である。
.dllのダウンロード 及び 配置(Binフォルダ内に配置する)
GAC(Global Assembly Cache)
GACとは、コンピュータ全体からグローバルに参照可能なアセンブリの登録場所である。- GACに記録されたアセンブリは、個別のアプリケーション(Binフォルダ)に配置しなくても利用できる。
ASP.NET AJAX Control Toolkit
Control Toolkitは、ASP.NET AJAXをベースに構築されたサーバコントロール集であると同時に、コントロール開発のための基盤を提供するツールキットである。
| 分類 | コントロール | 概要 |
|---|---|---|
| 入力支援 | AutoComplete | テキストボックスにオートコンプリート機能を追加 |
| 入力支援 | Calendar | テキストボックスに日付入力機能を追加 |
| 入力支援 | CascadingDropDown | 階層式のドロップダウンリストを生成 |
| 入力支援 | ColorPicker | テキストボックスにカラーパレット機能を追加 |
| 入力支援 | ComboBox | Windowsフォームライクなコンボボックスを生成 |
| 入力支援 | DropDown | Microsoft SharePointに似たドロップダウンリストを生成 |
| 入力支援 | HTML Editor | WYSIWYGなテキストエリアを生成 ※ What You See It, What You See Get. 見たままの取得できる。 Wordpressの編集画面みたいなの |
| 入力支援 | ListSearch | リストボックス/ドロップダウンリストに候補検索機能を追加 |
| 入力支援 | MutuallyExculusiveCheckBox | 排他的に選択可能なチェックボックスを生成 ※ ラジオボックスみたいな形 |
| 入力支援 | NumericUpDown | テキストボックスにアップダウンボタンを追加 |
| 入力支援 | PasswordStrength | 指定されたポリシーに従ってパスワードの強度を視覚的に表現 |
| 入力支援 | PopupControl | テキストボックスにポップアップダイアログを追加 |
| 入力支援 | Rating | レート表示/更新のためのUIを生成 |
| 入力支援 | Slider | スライダーを生成 |
| 入力支援 | MultiHandleSlider | 複数ハンドルのスライダーを生成 |
| 入力支援 | TextBoxWatermark | 未入力のテキストボックスに透かし文字を表示 |
| 入力支援 | ToggleBotton | オン/オフの表現が可能なトグルボタンを生成 |
| 検証 | ConfirmButton | ボタンのクリック時に確認ダイアログを表示 |
| 検証 | FilterdTextBox | 入力制限付きのテキストボックスを生成 |
| 検証 | MaskedEdit | 指定された書式に従って入力マスクを施したテキストボックスを生成 |
| 検証 | NoBot | ページにボット対策機能を追加 |
| 検証 | ValidatorCallout | 検証時に発生したエラー・メッセージを効果的に表示 |
| リスト&パネル | Accordion | アコーディオン式に開閉可能なマルチペインを生成 |
| リスト&パネル | AlwaysVisibleControl | 画面スクロールに合わせて自動的に移動するパネルを定義 |
| リスト&パネル | CollapsiblePanel | 折り畳み可能なパネルを定義 |
| リスト&パネル | DragPanel | ドラッグ可能なパネルを定義 |
| リスト&パネル | HoverMenu | マウスホバー時にポップアップするメニューを生成 |
| リスト&パネル | ModalPopup | モーダルウィンドウを生成 |
| リスト&パネル | PagingBulletedList | ページング機能付きの箇条書きリスト |
| リスト&パネル | RecorderList | ドラッグ＆ドロップで順番の変更が可能なリスト |
| リスト&パネル | ResizableControl | 表示サイズを変更可能なパネルを定義 |
| リスト&パネル | SlideShow | 自動再生機能付きのスライドショーを生成 |
| リスト&パネル | TabContailner/TabPanel | タブ付きパネルを生成 |
| 効果 | Animation | ページ要素に対してアニメーション効果を追加 |
| 効果 | DropShadow | ページ要素に影効果に追加 |
| 効果 | RoundedCorners | ページ要素の角に丸め効果を追加 |
| 効果 | UpdatePanelAnimation | 非同期通信時にアニメーション効果を追加 |
| その他 | ToolKitScriptManager | Control Toolkitに対応したScriptManager |
| その他 | DynamicPopulate | XML Webサービスの処理結果をページに反映 |
エクステンダコントロール
Control ToolKitが提供するコントロールの多くは、それ単体で動作するというよりは他のコントロールの機能を拡張するためのものである。 - このようなコントロールをエクステンダコントロールと呼ぶ
エクステンダコントロールの使用法(例)
Calendarコントロールを配置する。Calendarコントロールを右クリックして「エクステンダの追加…」を選択- エクステンダウィザードで、
CalenderExtenderを選択
まとめ
Control Toolkitは、ASP.NET AJAXをベースに構築されたサーバコントロール集であると同時に、コントロール開発のための基盤を提供するツールキットである。- 既存のサーバコントロールの機能を拡張する役割をもったコントロールのことをエクステンダコントロールと呼ぶ。
- カスタムコントロールや外部ライブラリをアプリケーションで有効にするには、必要な[
.dll]ファイルをアプリケーションルート直下の「Bin」フォルダに配置する。