ExtJSクイックスタート - 実行方法

Question

私はExt JSを学び始めてすぐにtheir quick startの最初のステップを偶然見つけました。

インタラクティブなデモではなく、私のWebページに結果を表示するには、こんにちはワールドコードを入れますか？

ローカルのWebサーバーが起動しているので、質問はアプリケーションのファイルレイアウトにあります。

Answer 1

app.jsファイルをプロジェクトのルートに作成し、そこでコードを入力します。またそうのような、ライブラリスクリプトを含める後、index.htmlファイルで、このファイルを含める必要があります。

<script type="text/javascript" src="app.js"></script> 

基本的には、まず、ExtJSのライブラリファイルをロードし、その後、あなたはExtJSにを使って何かをするファイルをロードします。あなたが作成する煎茶Cmdをを使用する必要があるプロジェクトのために

<script type="text/javascript"> 
    Ext.application({ 
    name: 'MyApp', 

    launch: function() { 
     Ext.Viewport.add({ 
      xtype: 'panel', 
      title: 'New Panel', 
      html: 'My new panel!' 
     }); 
    } 
}); 
</script>