Ext.js-環境設定

ローカル環境のセットアップ

このセクションでは、マシンにExt JSをダウンロードしてセットアップする方法について説明します。手順に従って環境をセットアップしてください。

ライブラリファイルのダウンロード

Ext JSライブラリファイルの試用版をSencha https://www.sencha.comからダウンロードします。登録済みメールIDのサイトから試用版を取得します。これは、ext-6.0.1-trialという名前のzipフォルダーです。

フォルダーを解凍すると、アプリケーションに含めるさまざまなJavaScriptファイルとCSSファイルが見つかります。私たちは主に次のファイルを含めます-

JavaScriptファイル*-\ ext-6.0.1-trial \ ext6.0.1 \ buildフォルダーの下にあるJSファイルは-

Sr.No	File & Description
1	ext.js これは、アプリケーションを実行するためのすべての機能を含むコアファイルです。
2	ext-all.js このファイルには、ファイル内にコメントなしで縮小されたすべてのコードが含まれています。
3	ext-all-debug.js これは、デバッグ用のext-all.jsの縮小されていないバージョンです。
4	ext-all-dev.js このファイルも縮小されておらず、エラー/問題をチェックするためのすべてのコメントとコンソールログが含まれているため、開発目的で使用されます。
5	ext-all.js このファイルは、他のファイルよりもはるかに小さいため、主に本番目的で使用されます。

これらのファイルをプロジェクトのJSフォルダーに追加するか、システム内のファイルが存在する場所への直接パスを指定できます。

CSSファイル*-フォルダー\ ext6.0.1-trial \ ext-6.0.1 \ build \ classic \ theme-classic \ resources \ theme-classic-all.cssにあるテーマベースのファイルが多数あります
デスクトップアプリケーションを使用する場合は、フォルダー\ ext-6.0.1-trial \ ext-6.0.1 \ build \ classicの下のクラシックテーマを使用できます。
モバイルアプリケーションを使用する場合は、フォルダー\ ext-6.0.1-trial \ ext-6.0.1 \ build \ modernにある最新のテーマを使用できます。

次のライブラリファイルがExt JSアプリケーションに追加されます。

<html>
   <head>
      <link rel = "stylesheet" type = "text/css"
         href = "..\ext-6.0.1-trial\ext-6.0.1\build\classic\theme-classic\resources\theme-classic-all.css"/>
      <script type = "text/javascript"
         src = "..\ext-6.0.1-trial\ext-6.0.1\build\ext-all.js" > </script>
      <script type = "text/javascript" src = "app.js" > </script>
   </head>
</html>

ExtJSアプリケーションコードはapp.jsファイルに保持します。

CDNセットアップ

CDNは、Ext JSライブラリファイルをダウンロードする必要のないコンテンツ配信ネットワークです。代わりに、ExtJSのCDNリンクを次のようにプログラムに直接追加できます-

<html>
   <head>
      <link rel = "stylesheet" type = "text/css"
         href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-crisp/resources/theme-crisp-all.css"/>
      <script type = "text/javascript"
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"> </script>
      <script type = "text/javascript" src = "app.js" > </script>
   </head>
</html>

ブラウザ

Ext JSは、クロスブラウザの互換性をサポートしています。

IE 6以降
Firefox 3.6以降
Chrome10以降
Safari 4以降
Opera 11以降

Ext JSアプリケーションの実行には、任意のブラウザーを使用できます。

Extjs-environment-setup

目次

Ext.js-環境設定

ローカル環境のセットアップ

ライブラリファイルのダウンロード

CDNセットアップ

人気の編集者

ブラウザ