CODEWITHSUNDEEP
sapui5
C. Ubkcah
C. Ubkcah

Reputation: 273

Error: "Cannot add direct child without default aggregation defined for control XYZ"

I tried to find a solution by checking other questions with a similar error but none could help me. I tried to run the Component.js from my app in sandbox. Running the index.html works fine. My starting view is this:

<mvc:View
  xmlns="sap.m"
  xmlns:mvc="sap.ui.core.mvc"
  controllerName="com.sap.build.standard.qrCodeScanner.controller.Home"
>
  <Page id="home"
    class="customHomeBackground"
    showHeader="true"
    title="Home"
    showFooter="true"
  >
    <content>
      <FlexBox
        class="customFlexBoxHome"
        justifyContent="Center"
        alignItems="Center"
        wrap="Wrap"
      >
        <GenericTile class="customTile"
          header="Scan invitations"
          subheader="from your customers"
          frameType="OneByOne"
          press="_onGenericTilePress1"
        >
          <TileContent>
            <ImageContent src="sap-icon://bar-code"/>
          </TileContent>
        </GenericTile>
      </FlexBox>
    </content>
    <footer/>
    <headerContent/>
    <subHeader/>
    <customHeader/>
  </Page>
</mvc:View>

It's simply a single GenericTile. I can't access this view because of

Error: Cannot add direct child without default aggregation defined for control sap.m.GenericTile

console error

Accessing the other views is no problem. So when I add e.g. a button instead of the GernericTile + children, it works fine.

I also tried to add one of these sample tiles instead but same error. What's the problem with the GenericTile?

Upvotes: 4

Views: 10842

Answers (3)

Jorg
Jorg

Reputation: 7250

Piggybacking on @sunil-b-n's answer:

In the current version of UI5 the example code works fine, as per the plunkr Sunil provided.

However, if you change the library version to 1.38.15 like this, it is broken as per OP's question.

Look at the difference. In the latest version, this code is valid:

<GenericTile>
    <TileContent>
        <ImageContent src=""/>
    </TileContent>
</GenericTile>

But in old versions, named aggregations need to be explicitly added accordingly:

<GenericTile>
    <tileContent> <!-- named aggregation required. Default since 1.46.x -->
        <TileContent>
            <content> <!-- named aggregation required. Default since 1.38.18 -->
                <ImageContent src=""/>
            </content>
        </TileContent>
    </tileContent>
</GenericTile>

You need to figure out what version of UI5 you're on and use the appropriate SDK documentation to build your app, otherwise you'll run into trouble.

You can view the version-specific Demo Kit by adding the version number to the URL, e.g. https://ui5.sap.com/1.38.8/

Upvotes: 6

Sunil B N
Sunil B N

Reputation: 4225

<mvc:View xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" controllerName="com.sap.build.standard.qrCodeScanner.controller.Home" >
<Page id="home" class="customHomeBackground" showHeader="true" title="Home" showFooter="true">
    <content>
        <FlexBox class="customFlexBoxHome" justifyContent="Center" alignItems="Center" wrap="Wrap">
            <GenericTile class="customTile" header="Scan invitations" subheader="from your customers" frameType="OneByOne" press="_onGenericTilePress1">
                <TileContent>
                    <ImageContent src="sap-icon://bar-code" />
                </TileContent>
            </GenericTile>
        </FlexBox>
    </content>
    <footer/>
    <headerContent/>
    <subHeader/>
    <customHeader/>
</Page>
</mvc:View>

This view is loading completely fine in the latest SAPUI5 version. Working plnkr here

content is the default aggregation for sap.m.Page.

Upvotes: 1

n01dea
n01dea

Reputation: 1580

guess because of the wrapped sap.m.Page around the sap.m.GenericTile. just omit the sap.m.Page and you won't get the error. the sap fiori design guidelines says that tiles are used to display and launch apps on the launchpad. And therefore, they shall not be used on an overview page or anywhere else.

Upvotes: -2

Related Questions