『ExtJS 2.0実用簡明教程』の応用ExtJS


extjsを適用するには、resources/css/ext-allのスタイルおよびextjsライブラリファイルをページに導入する必要がある.css,extjsのjsライブラリファイルは主に2つあり,adapter/ext/ext-base.jsおよびext-all.js、ext-base.jsはフレームワークベースライブラリ、ext-allを表す.jsはextjsのコアライブラリです.adapterはアダプタを表す、すなわち複数のアダプタを有することができるので、adapter/ext/ext-base.jsをadapter/jquery/ext-jquery-adapterに変更する.js、またはadapter/prototype/ext-prototype-adapter.jsなど.したがって、ExtJSフレームワークを使用するページには、一般的に次の文が含まれます.
 <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>

ExtJSライブラリファイルおよびページコンテンツのロードが完了すると、ExtJSはExt.onReadyで指定された関数を実行するので使用できます.一般的に、各ユーザのExtJSアプリケーションはExt.onReadyから始まります.ExtJSアプリケーションを使用するコードは、function fn(){alert('ExtJSライブラリが追加されています.}Ext.onReady(fn);
 <script>
 function fn()
 {
 alert(‘ExtJS   ’);
 }
 Ext.onReady(fn);
 </script>

fnは匿名関数として書くこともできるので、上のコードはfunction fn(){alert(‘ExtJSライブラリがロードされています!’)}に変更できます.Ext.onReady(function(){alert(‘ExtJSライブラリがロードされました!’);});
 <script>
 function fn()
 {
 alert(‘ExtJS    !’);
 }
 Ext.onReady(function ()
 {
 alert(‘ExtJS    !’);
 }
 );
</script>