マニフェスト.jsonファイルでのコンポーネントの再利用

JakobMariusKjær

現在、多くの再利用が行われている一連のアプリを構築しています。

現在、jQuery.sap.registerModulePathとjQuery.sap.requireを使用して機能させています。ただし、コンポーネントの使用とネストによれば、manifest.jsonファイルで再利用コンポーネントを宣言できるはずです。

私は中を見ていたSAPUI5開発者ガイドを、本当にそれを動作させることができませんでした。私が見る限り、私は以下を追加する必要があります:

"sap.App" :{
    "embeddedBy" : "../.."
},
"sap.ui5": {
    "componentUsages" :{
        "<string for my reuse component>" : {
            "name" : "<name of the component>"
        }
    "dependencies" :{
        "components" : {
            "<namespace of my component>"
         }}

誰かが実用的な例を手に入れましたか?

ボギョンホフマン

ネストされたコンポーネントを使用した実際の例を次に示します。https//embed.plnkr.co/e7KS48/

記述子属性componentUsages、1.47.0以降で使用できます定義されると、UI5は、所有するComponentContainerをレンダリングする前に、コンポーネントとそのモジュールパスの解決を処理します。

コンポーネントはコンテナなしではUIに配置できないため、ComponentContainerが必要です。上記の私の例では、コンテナはHome.view.xmlでそれぞれのusageプロパティを使用して宣言的に定義されています。

<core:ComponentContainer id="containerForChildComponent"
  autoPrefixId="true"
  settings="{id: 'childComponent'}"
  usage="reuseAnotherComponent"
  manifest="true"
  height="100%"
  async="true"
/>
"sap.ui5": {
  "componentUsages": {
    "reuseAnotherComponent": {
      "name": "anotherComponent",
      "lazy": false
    }
  },
  "resourceRoots": {
    "anotherComponent": "./component_B"
  },
  // ...
}

ご覧のとおり、はresourceRoots他のコンポーネント/アプリの場所を指す記述子で定義することもできます。


1.47未満の バージョンのUI5アプリの例https //embed.plnkr.co/ytXZJ9

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

異なるファイル間でスタイル付きコンポーネントとの「ミックスイン」を再利用しますか?

分類Dev

コンポーネントの再利用

分類Dev

vueコンポーネント内でグローバルjavascriptファイルを再利用する方法

分類Dev

Angular2でのコンポーネントの再利用

分類Dev

QMLコンポーネントローダーとアイテムを再利用するための個別のファイル

分類Dev

Angularテストファイルですべてのインポートを再利用する方法

分類Dev

マニフェスト.jsonはコンポーネント専用ですか?

分類Dev

マルチステージDockerファイルでのCLIインストールの再利用

分類Dev

再利用可能なJSファイルの作成-インポート-エクスポートが機能しない

分類Dev

同じネーミングコンテナでファセットコンポジションを再利用する場合のIDの重複の回避

分類Dev

Angular2フォームコンポーネントの再利用

分類Dev

ダイアログでコンポーネントを再利用するための角度のあるマテリアルのベストプラクティス?

分類Dev

Angularコンポーネント間でのパラメーターの再利用

分類Dev

React +スタイル付きコンポーネント-css「バンドル」の分離と再利用

分類Dev

Vueでの送信中に無効にされたフォームの再利用可能なコンポーネント/ミックスイン

分類Dev

マニフェスト.jsonとマニフェスト.webmanifest

分類Dev

マニフェスト.jsonとマニフェスト.webmanifest

分類Dev

Delphidcc32とマニフェストのコンパイル

分類Dev

Vueの再利用可能なコンポーネントとNuxtアプリのバンドルサイズ

分類Dev

新しいAngularRouter(3.0.0-rc.1)でのコンポーネントの再利用

分類Dev

ドメインのURLを1つのファイルに保存して、さまざまなコンポーネントで再利用するにはどうすればよいですか?

分類Dev

React無限ループ内の再利用可能なコンポーネント

分類Dev

スタイルが設定されていないReactスタイルの再利用可能なコンポーネント-コンポーネント

分類Dev

マニフェストファイルのエラー

分類Dev

コンポーネント/スキーマ以外の再利用可能なコンポーネント?

分類Dev

iOSの再利用可能なコンポーネント

分類Dev

AngularJS2-コンポーネントの再利用

分類Dev

ActiveAdminコンポーネントの再利用

分類Dev

Meteorの再利用可能なコンポーネント

Related 関連記事

  1. 1

    異なるファイル間でスタイル付きコンポーネントとの「ミックスイン」を再利用しますか?

  2. 2

    コンポーネントの再利用

  3. 3

    vueコンポーネント内でグローバルjavascriptファイルを再利用する方法

  4. 4

    Angular2でのコンポーネントの再利用

  5. 5

    QMLコンポーネントローダーとアイテムを再利用するための個別のファイル

  6. 6

    Angularテストファイルですべてのインポートを再利用する方法

  7. 7

    マニフェスト.jsonはコンポーネント専用ですか?

  8. 8

    マルチステージDockerファイルでのCLIインストールの再利用

  9. 9

    再利用可能なJSファイルの作成-インポート-エクスポートが機能しない

  10. 10

    同じネーミングコンテナでファセットコンポジションを再利用する場合のIDの重複の回避

  11. 11

    Angular2フォームコンポーネントの再利用

  12. 12

    ダイアログでコンポーネントを再利用するための角度のあるマテリアルのベストプラクティス?

  13. 13

    Angularコンポーネント間でのパラメーターの再利用

  14. 14

    React +スタイル付きコンポーネント-css「バンドル」の分離と再利用

  15. 15

    Vueでの送信中に無効にされたフォームの再利用可能なコンポーネント/ミックスイン

  16. 16

    マニフェスト.jsonとマニフェスト.webmanifest

  17. 17

    マニフェスト.jsonとマニフェスト.webmanifest

  18. 18

    Delphidcc32とマニフェストのコンパイル

  19. 19

    Vueの再利用可能なコンポーネントとNuxtアプリのバンドルサイズ

  20. 20

    新しいAngularRouter(3.0.0-rc.1)でのコンポーネントの再利用

  21. 21

    ドメインのURLを1つのファイルに保存して、さまざまなコンポーネントで再利用するにはどうすればよいですか?

  22. 22

    React無限ループ内の再利用可能なコンポーネント

  23. 23

    スタイルが設定されていないReactスタイルの再利用可能なコンポーネント-コンポーネント

  24. 24

    マニフェストファイルのエラー

  25. 25

    コンポーネント/スキーマ以外の再利用可能なコンポーネント?

  26. 26

    iOSの再利用可能なコンポーネント

  27. 27

    AngularJS2-コンポーネントの再利用

  28. 28

    ActiveAdminコンポーネントの再利用

  29. 29

    Meteorの再利用可能なコンポーネント

ホットタグ

アーカイブ