カスタムWebコンポーネントの操作
Oracle JET webコンポーネントは、複数のコンポーネント・タイプで構成できるUIの再利用可能な部分です。 作成するWebコンポーネントは、アプリケーションで使用するか、Oracle Component Exchangeにアップロードして他の開発者と共有できます。
サポートされている様々なwebコンポーネント・タイプがあります(「カスタムWebコンポーネントの設計」を参照)。 webコンポーネントの例については、JETクックブックの「Webコンポーネント」を参照してください。
webコンポーネントを2つの方法でインポートできます: ZIPアーカイブとして、またはインスタンスに関連付けられたコンポーネント交換から直接。 同様に、webコンポーネントをコンポーネント交換に公開して他の開発者と共有したり、ZIPアーカイブで共有したりできます。
「web(またはモバイル)」アプリケーションにインポートされたwebコンポーネントを表示するには、ナビゲータでResourcesノードを展開します:
Webコンポーネントには、次のファイルが必要です。 また、追加のファイルやフォルダ(SCSSファイルや翻訳ファイルなどのリソース)が含まれている場合もあります。 JET webコンポーネント・アーキテクチャの詳細は、「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を使用していることを確認する必要があります。