Ext JS例文辞典

このページはAjaxライブラリの1つであるExt JSライブラリのサンプルを掲載しています。Ext JSのバージョンは2.1を基準としています。
ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。

Last update : 2008/5/9
2008 Copyright 古籏一浩(KaZuhiro FuRuhata)

■動作環境チェック

• Macかどうか調べる
• Windowsかどうか調べる
• Linuxかどうか調べる
• Geckoエンジンを使用しているブラウザかどうか調べる
• Safariかどうか調べる
• Safari 2かどうか調べる
• Safari 3かどうか調べる
• IE (Internet Explorer)かどうか調べる

■基本処理

• 値がundefinedかnullか空文字かどうか調べる

■ダイアログ

• アラートダイアログを表示する
• 確認ダイアログを表示する
• 入力ダイアログを表示する
• メッセージ表示ダイアログを表示する
• カスタムダイアログを表示する
• 一定時間ごとにメッセージを更新する
• 一定時間後にダイアログを非表示にする

■ウィンドウ

• ウィンドウを生成し表示する
• モーダルモードにする
• 上部のツールバーにボタンを表示する
• ウィンドウサイズを最大にする

■DOM

• エレメントを取得する
• DOM エレメントを取得する
• センタリングする
• エレメントを指定サイズにする
• エレメントをアニメーション付きで指定サイズにする
• エレメントを指定位置に移動する
• エレメントをアニメーション付きで指定位置に移動する
• DOMが準備できたら処理を行う
• bodyエレメントを取得する
• documentオブジェクトを取得する
• CSSセレクタを使ってエレメントを取得する

■ドラッグドロップ／リサイズ

• ドラッグできるようにする
• リサイズできるようにする
• 全ての辺をリサイズできるようにする
• リサイズ範囲を指定する

■イベント

• イベントを追加する

■エフェクト／特殊効果

• ハイライトエフェクトを指定する
• 拡大しながら消す
• フェードイン処理を行う
• フェードアウト処理を行う
• フレームエフェクト処理を行う
• ゴーストエフェクト処理を行う
• スライドインエフェクト処理を行う
• スライドアウトエフェクト処理を行う
• ズームエフェクト処理を行う
• スイッチオフエフェクト処理を行う
• 複合エフェクト

■文字列

• 前後の空白を削除する
• 文字の前に指定文字を入れる
• 文字列を交互に切り替える
• 文字列フォーマットを指定する（テンプレート機能）

■数値

• 値を指定範囲内に収める

■配列

• 配列要素を検索する
• 該当する配列要素があれば削除する

■日付

• n日後、n日前を求める
• 月の最終日を求める
• 日付の表示形式を指定する

■パネル

• パネルを作成し表示する
• パネルサイズを固定する
• パネル内容の表示位置を指定する
• パネルサイズをドラッグして変更できるようにする
• パネルサイズの最小、最大幅を指定する
• パネルを折りたたみ可能にする
• 折りたたみ時のアニメーションを禁止する
• マージン（余白）を指定する
• パネル内のパディング（余白）を指定する

■カード型レイアウト（ウイザード）

• カード型レイアウトを作成し表示する
• 横幅を指定する
• カード内の枠を消す
• ナビゲーションボタンの間に区切り線を入れる
• ナビゲーションボタンを左右に離す
• カード内容のスタイルシートを指定する
• ナビゲーションボタンの有効／無効を制御する

■データ（グリッド）表示

• データを表示する
• セルを一行ごとに交互に色つけして表示する
• グリッドデータのタイトルを指定する
• ソート可能なデータを表示する
• 最初の項目を選択状態にする
• 最後の項目を選択状態にする
• 指定範囲の項目を選択状態にする
• 指定位置の項目を選択状態にする
• 個別に項目を選択状態にする

■XMLデータ表示

• XMLデータの特定のタグ内容のみ表示する
• XMLデータの複数のタグ内容を表示する
• XMLデータで同名のタグがある場合、位置を指定して内容を表示する
• XMLデータが複数の同名のタグの場合の処理を行う
• ファイルメーカーのXMLデータを表示する

■コンボボックス

• コンボボックスを作成し表示する
• コンボボックスの内容が変化した時に処理をする
• コンボボックスの内容を読み出す
• コンボボックスの内容を設定する

■タブパネル

• タブパネルを作成し表示する

■アコーディオンパネル

• アコーディオンパネルを作成し表示する
• アコーディオンパネルをアニメーション付きで表示する
• パネルタイトル部分をクリックしても展開しないようにする
• パネル内容の縦幅を全体に合わせるかどうか指定する

■カレンダー

• カレンダーを表示する

■カラーパレット

• カラーパレットを表示する

■ツリービュー

• ツリービューを表示する

■スライダー

• スライダーを作成し表示する
• スライダーの横幅を指定する
• スライダーの最小値、最大値を指定する
• スライダー値を指定する
• スライダーを縦にする
• スライダーの一回の移動量を指定する
• スライダーが変化したら値を表示する
• スライダー値を設定する

■ステータスバー

• ステータスバーを表示する
• ステータスバーに現在時刻を表示する