ExtJs 学習ノート Hello World!_extjs

私は最近 ajax を学び、Extjs の強力なフレームワークに触れました。私の学習ノートを活用して、最終的には誰もがプロジェクトで Ext を使い始められるようにしたいと考えています。まず、Ext を始めるための基本的な記事をいくつか書きます。良い基礎を築くことが重要です。

基本を理解した後、Ext ajax を使用して簡単な小さなプロジェクトを開発できます。プロジェクトの開発プロセスを段階的に説明します。これが皆さんにメリットをもたらすことを願っています。私もこのフレームワークを学んでいるので、さらに学ぶのに役立つ記事に関する提案があればお聞かせください。


この図を見ると、Flash、Flex、silverlight などのソフトウェアかと思われるかもしれませんが、これは JavaScript CSS によって実装されています。



このスタイルとエフェクトを自分のプロジェクトに追加すると、ユーザーの視覚的および操作的エクスペリエンスが非常に快適になるはずです。 他にも特殊効果があるので、いちいちスクリーンショットは撮りません。
さて、このコンポーネントについて話しましょう。ExtJs は JavaScript で書かれた優れた Ajax フレームワークです。上記の効果を確認できます。 ExtJ はあらゆる Web 開発言語に適用できます。そのクライアント効果は非常に強力であると同時に、Ext はサーバーと対話するためのメカニズムも提供します。これを使用すると、Ext とサーバー間の対話については後で説明します。
このフレームワークは、オープンソースである公式 Web サイト http://www.php.cn/ からダウンロードできます。ダウンロードして解凍すると、以下のディレクトリが出来上がります。


アダプター: 提供されるサードパーティの基礎となるライブラリ (Ext によって提供されるライブラリを含む) を Ext によってサポートされる基礎となるライブラリにマッピングする責任を負います。
ビルド: すべての圧縮された Ext ソース コード (分類されたストレージ)
ドキュメント: API ヘルプ ドキュメント
例: Extjs によって作成された効果のいくつかの例
リソース: Ext UI リソース ファイル ディレクトリ、CSS、画像はすべてここ
source: 非圧縮 Ext のすべてのソース コード
ext-all.js: 圧縮された Ext、キー ファイル、500K を超えるすべてのソース コード
ext-all-debug.js: のすべてのソース コード非圧縮 Ext (デバッグ用)
ext-core.js: コア コンポーネント (source/core の下のすべてのクラスを含む)
ext-core-debug.js: 非圧縮コア コンポーネント

次は For です。純粋に静的な HTML ページでテストする場合、ExtJs を使用したい場合は、最初に 3 つのスクリプト ファイルとスタイル シート

をインポートする必要があります。

<リンク rel="スタイルシート"タイプ ="text/css" href="extjs/resources/css/ext-all.css" />
<script src="extjs/ext-base.js" type="text/javascript"> スクリプト>
<スクリプト src= "extjs/ext-all.js" type="text/javascript">script>
<script src="extjs/ext-lang-zh_CN.js " type="text/javascript">script>

这里要说明一下，在Extjs文件加播完完後，会执行Ext.onReady中指定関数数