ASP.NET 3.5+jQuery Ajax実践サンプル集

概 要

ASP.NET、ASP.NET MVC、ASP.NET AJAXの開発者すべてに贈る、jQueryの基礎と活用サンプル満載の実践解説書です。JavaScriptのライブラリ「jQuery」を使えば、わずか数行のコードを記述するだけでアニメーションなどのエフェクトを組み込むことができます。さらにユーザーインターフェースに特化したプラグイン「jQuery UI」なども用意されています。本書では、ASP.NETでWebアプリケーションを開発した経験のある開発者を対象に、jQueryの基礎知識と、ASP.NET/ASP.NET AJAXにjQueryのプラグインを組み込んだサンプルについて解説します。メニュー、スタイルシート、ListView、AJAXなどのカテゴリごとに役立つサンプルが満載です! サンプルプログラムとjQueryセレクタテストツールのダウンロードサービス付き。

著者 葛西秋雄
価格 本体3800円(税別)
ISBN 978-4-7980-2329-8
発売日 2009/7/22
判型 B5変
色数 1色
ページ数 648
CD/DVD
対象読者 中級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

Chapter1 Visual Studio 2008でjQueryを使ってみる

1-1 jQueryとは

1-2 Visual Studio 2008でjQueryを利用するには

Visual Studio 2008でjQueryのインテリセンスを有効にするための準備

Visual Studio 2008にjQueryのライブラリを組み込む

Visual Studio 2008でjQueryのインテリセンス機能を確認する

1-3 jQueryのHello World

JavaScriptで「Hello World」を表示する

jQueryで「Hello World」を表示する

1-4 jQueryのセレクタ

jQueryのセレクタでtable要素を検索する

jQueryのセレクタでtable内のcaption要素を検索する

jQueryのセレクタでtableのthead/tfoot内の要素を検索する

tbodyの奇数行(tr要素)を検索する

tbodyの先頭と最後の行(tr要素)を検索する

tbodyの任意の行(tr要素)を検索する

tbodyの行(tr要素)を3行間隔で検索する

tbodyのセル(td要素)のコンテンツを検索する

theadのセル(th要素)を個別に処理する

html要素の属性値を検索する

jQueryセレクタテストツール 

1-5 jQueryのイベント

clickイベントを利用してメッセージを表示する

toggleイベントを利用してイメージをフェードイン/フェードアウトさせる

clickイベントを利用してツリーを表示する

Chapter2 jQuery UIライブラリ

2-1 jQuery UIライブラリに含まれるプラグイン

jQuery UIのライブラリをダウンロードする

jQuery UIのフォルダ構成

2-2 jQuery UIのテーマ

jQuery UIのテーマをダウンロードする

ダウンロードしたテーマを利用してみる

2-3 jQuery UIのプラグインを利用するには

jQuery UIのdatepickerプラグインを利用してみる

datepickerプラグインを日本語にローカライズする

Chapter3 メニュー

3-1 水平型メニュー

シャドー型の水平メニューを作成する

アクア型の水平メニューを追加する

3-2 ドロップライン型メニュー

ドロップライン型のメニューを作成する

3-3 タブ型メニュー

タブ型メニューを作成する

IE6での問題を回避する

3-4 アコーディオン型メニュー

アコーディオン型のメニューを作成する

3-5 アウトルック風メニュー

アウトルック風のアコーディオン型メニューを作成する【ASP.NET AJAX版】

アウトルック風のアコーディオン型メニューを作成する【jQuery版】

Chapter4 ツールチップ・ダイアログ・進捗グラフ

4-1 カスタムツールチップを表示する

任意の文字列のツールチップを表示する

ListViewに表示した書名のツールチップを表示する

4-2 ダイアログに今日のチップを表示する

ダイアログに今日のチップを表示する【ASP.NET AJAX版】

Webページのロードを高速化するには

ダイアログに今日のチップを表示する【jQuery UI版】

4-3 GridViewの詳細をモダルダイアログに表示する

GridViewの詳細をモダルダイアログに表示する

4-4 GridViewの編集をモダルウィンドウで行う

GridViewの編集をモダルウィンドウで行う

モダルウィンドウで編集したレコードをハイライトする(GridViewEdit2VB.aspx)

4-5 GridViewのレコード削除時に確認メッセージを表示する

GridViewのレコード削除時にモダルダイアログに確認メッセージを表示する

4-6 ListViewにタスクの進捗度を棒グラフで表示する

jQuery UIのprogressbarプラグインでタスクの進捗度を棒グラフで表示する

jQuery UIのprograssbarプラグインをカスタマイズする

Chapter5 GridViewのスタイルシート

5-1 YUI風のスタイルシート

GridViewにYUI風のスタイルを適用する

GridViewに並べ替え機能を追加する

5-2 VS 2008風のスタイルシート

GridViewにVS 2008風のスタイルを適用する

GridViewに並べ替え/ページング機能を追加する

5-3 iTunes風のスタイルシート

GridViewにiTunes風のスタイルを適用する

GridViewに並べ替え機能を追加する

5-4 Google Analytics風のスタイルシート

GridViewにGoogle Analytics風のスタイルを適用する

GridViewに並べ替え機能を追加する

GridViewにページング機能を追加する

GridViewのページサイズを変更する機能を追加する

GridViewをiGoogle風のスタイルで表示する

Chapter6 ListViewのスタイルシート

6-1 YUI風のスタイルシート

ListViewにYUI風のスタイルを適用する

ListViewに2行間隔で背景色を表示する

ListViewに3行間隔で背景色を表示する(ListViewStyle1-3VB.aspx)

ListViewに並べ替え機能を追加する

6-2 シンプルスタイルシート

ListViewにシンプルスタイルシートを適用する

ListViewに並べ替え機能を追加する

ListViewにページング機能を追加する

6-3 角丸のスタイルシート

ListViewに角丸のスタイルを適用する

ListViewに並べ替え機能を追加する

ListViewにページング機能を追加する

6-4 iTunes風のスタイルシート

ListViewにiTunes風のスタイルを適用する

ListViewに並べ替え機能を追加する

ListViewにVista/Windows 2003風のスタイルシートを適用する

Chapter7 リストコントロール

7-1 DropDownListのアイテムを右寄せで表示する

DropDownListに数値を右寄せで表示する

7-2 CheckBoxListのすべてのアイテムをチェック/アンチェックする

CheckBoxListのすべてのアイテムをチェック/アンチェックする

GridViewのすべてのアイテムをチェック/アンチェックする

GridViewのヘッダーのCheckBoxを自動的にチェックする

7-3 BulletedListのアイテムを並べ替える

BulletedListに表示した得意先を並べ替える

BulletedListの得意先を移動するときプレースホルダーを表示する

7-4 BulletedList間でアイテムを移動させる

BulletedListに表示した商品を仕入先間で入れ替える

Chapter8 GridViewコントロール

8-1 GridViewの行/列をハイライトする

GridViewのマウスオーバーで行/列をハイライトする

GridViewのセルをクリックしたとき行/列をハイライトして固定する

8-2 GridViewのヘッダーを固定する

jQueryのプラグインを使用してGridViewのヘッダーを固定する

IE8を強制的に「互換モード」で動作させるには

GridViewにDropDownListを表示したときの問題(GridViewFixedHeader2VB.aspx)

CSSを使用してGridViewのヘッダーを固定する

Chapter9 ListViewコントロール

9-1 ListViewの行/列をハイライトする

ListViewのマウスオーバーで行/列をハイライトする

ListViewに2行間隔で背景色を表示する(ListViewColumnHover2VB.aspx)

ListViewのセルをクリックしたとき行/列をハイライトして固定する

9-2 ListViewの標題・ヘッダー・フッターを固定する

CSSを使用してListViewのヘッダーを固定する

CSSを使用してListViewの標題/ヘッダー/フッターを固定する【改訂版】 

 (ListViewFixedHeader2VB.aspx)

9-3 ListViewの幅をスライダーで調整する

jQuery UIのsliderプラグインでListViewの幅を調整する

AJAX Control ToolkitのSliderExtenderでListViewの幅を調整する

 (ListViewSlider2VB.aspx)

9-4 ListViewをスライダーでページングする

ListViewを移動ボタンでページングする

ListViewをスライダーでページングする

9-5 ListViewをネストさせて得意先を都道府県別に表示する

ListViewに都道府県別の得意先を表示する

ListViewに都道府県別の得意先を表示/非表示する

9-6 ListViewをネストさせて得意先別の注文を表示する

ListViewに得意先別の注文を表示する

Chapter10 イメージ

10-1 イメージギャラリー

ListViewにイメージギャラリーを表示する

10-2 買い物かご

ListViewに表示した商品を買い物かごにドラッグ&ドロップする

WindowのloadイベントとjQueryの readyイベントの違い

Chapter11 日付・時間

11-1 カレンダーに独自のツールチップを表示する

カレンダーに誕生日を表示する

11-2 カレンダーから日付を選択

jQuery UIのdatepickerプラグインでカレンダーを表示する

datepickerプラグインのテーマを選択する

11-3 時間をマウスで選択

jQueryのtimeEntryプラグインを利用して時間を選択する

jQueryのtimePickerプラグインを利用して時間を選択する

DayExtensionの拡張メソッド(First、Last、Next)

Chapter12 フォーム

12-1 ポストバック処理中にメッセージを表示する

同期型のポストバック処理中にメッセージを表示する

非同期型のポストバック処理中にメッセージを表示する

12-2 ポストバック処理中にWebページをロックする

同期型のポストバック処理中にWebページをロックする

非同期型のポストバック処理中にWebページをロックする

Chapter13 jQuery Ajax

13-1 jQueryの$.ajax()を利用してWebサービスをリクエストする

Webサービス経由で得意先テーブルをリクエストして表示する

13-2 Webサービス経由で取得したデータをjTemplateを利用して表示する

Webサービス経由で取得した得意先データをjTemplateに表示する

jTemplateに並べ替え機能を追加する

jTemplateにページング機能を追加する

13-3 jTemplateをスライダーでページングする

jTemplateに表示した得意先データをスライダーでページングする

PR

秀和システム