カスタムWebコンポーネントの操作
Oracle JET webコンポーネントは、カスタムHTML要素として埋め込むことができる再利用可能なユーザー・インタフェース・コードです。 webコンポーネントには、JETコンポーネント、他のWebコンポーネント、HTML、JavaScriptおよびCSSを含めることができます。 独自のwebコンポーネントを作成することも、applicationのページで使用するためにOracle Component ExchangeからWebコンポーネントを追加することもできます。
ページでWebコンポーネントを使用するには、ZIPアーカイブとしてインポートするか、Visual Builderインスタンスに関連付けられたコンポーネント交換からインストールします。 同様に、作成したwebコンポーネントは、他の開発者と共有するためにComponent Exchangeに公開することも、ZIPアーカイブとして共有することもできます。
クモの網アプリケーションにインポートされたWebコンポーネントは、ナビゲータのResourcesノードに表示されます: 
図component-navigator.pngの説明
Webコンポーネントには、次のファイルが必要です。 また、追加のファイルやフォルダ(SCSSファイルや翻訳ファイルなどのリソース)が含まれている場合もあります。 JET webコンポーネント・アーキテクチャの詳細は、「MVVMアーキテクチャを使用したOracle JETアプリケーションの開発」の「Webコンポーネントについて」を参照してください。
| ファイル | 説明 |
|---|---|
loader.js |
メタデータ、ビュー、ViewModelおよびCSSのwebコンポーネントの依存性を定義するRequireJSモジュール。 Webコンポーネントの命名規則では、ファイル名をloader.jsにする必要があります。
|
component.json
|
使用可能なプロパティとメソッドを定義するwebコンポーネント・メタデータ・ファイル。 Webコンポーネントの命名規則では、ファイル名をcomponent.jsにする必要があります。
|
view.html |
webコンポーネントのビュー |
viewModel.js |
webコンポーネント・メタデータで定義されたメソッドが定義されているWebコンポーネントのViewModelについて説明 |
styles.css |
このwebコンポーネントのカスタム・スタイル設定が含まれています |
ノート:
Webコンポーネントは現在、下位互換性がありません。 Webコンポーネントをインポートする場合や、Webコンポーネントまたはアプリケーションをアップグレードする場合は、アプリケーションおよびアプリケーションで使用するすべてのWebコンポーネントが同じバージョンのJETを使用していることを確認する必要があります。