『ExtJS 2.0実用簡明教程』の応用ExtJS
1440 ワード
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フレームワークを使用するページには、一般的に次の文が含まれます.
ExtJSライブラリファイルおよびページコンテンツのロードが完了すると、ExtJSはExt.onReadyで指定された関数を実行するので使用できます.一般的に、各ユーザのExtJSアプリケーションはExt.onReadyから始まります.ExtJSアプリケーションを使用するコードは、function fn(){alert('ExtJSライブラリが追加されています.}Ext.onReady(fn);
fnは匿名関数として書くこともできるので、上のコードはfunction fn(){alert(‘ExtJSライブラリがロードされています!’)}に変更できます.Ext.onReady(function(){alert(‘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>