ExtJSの受信のWeb UIフレームワークです。
ExtJSの公式サイト:http://extjs.org.cn/
ExtJs3.3.1リリースパッケージ構造:
アダプター:サードパーティのライブラリは、基礎となるも、その根底にあるのExtライブラリーを含むデータベース、(主にExtJSには、4つのアダプタの内線を提供し、jqueryの、プロトタイプでサポートされている基盤となるExtにマッピングされ、YUIこれらのアダプタを介して、あなたはExtJSのを作ることができます。これらのフレームワークの上に構築されたアプリケーション)
ドキュメント:APIのヘルプドキュメント
例:ExtJSに作られた小さな技術の使用の提供例
PKGS:extは一般的なコントロールを提供
リソース:内線UIリソースファイルのディレクトリ、例えば:CSSは、画像ファイルはここに保存されています
SRC:ExtJSのソース
EXT-all.js:内線圧縮すべてのソース
EXT-すべて-debug.jsとするのが最良:(デバッグ用)のExt全体を非圧縮のソース
ここで、実際の必要に応じて、ロケールの言語のパッケージディレクトリを提供する内線のソースディレクトリ(SRC)。
ページの内線フレームワークを使用したファイルは、そこに導入されなければならない:EXT-all.css、EXT-base.js、EXT-all.js。
以下は、HelloWorldの例を提供します。
<%@ページ言語= " javaの" pageEncodingは= " UTF-8 " %> <!DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 4.01移行// EN" > < HTML > < 頭> <! - ExtJSの始まり- > < リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" HREF = "../js/ext331/resources/css/ext-all.css" > < スクリプトタイプ= "テキスト/ javascriptの" SRC =」.. < スクリプトタイプ= "テキスト/ javascriptの" SRC = "../ JS / ext331 / EXT-all.js" > </ スクリプト> <! - ExtJSのエンド- > < スクリプトタイプ= "テキスト/ javascriptの" > 内線.onReady(関数(){ Ext.Msg.alert(' 提示' 、' HelloWorldの!' ); }); </ スクリプト> </ ヘッド> < 身体> <! - 说明: (1)Ext.onReady():ExtJSの応用的入口。 (2)Ext.MessageBox.alert():ポップアップダイアログボックスを。ショートExt.Msg.alert() - > </ ボディ> </ HTML >
効果: