sap.f.SemanticPage: 添加超过 1 个内容控件失败

Question

我试图让三个面板显示在我的对象页面上，但出于某种原因它只显示最后一个面板，就像屏幕截图中显示的那样：

Object.view.xml 如下所示：

<mvc:View controllerName="ns.mngportfolios.controller.Object" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:semantic="sap.f.semantic" xmlns:form="sap.ui.layout.form">

  <semantic:SemanticPage id="page" headerPinnable="false" toggleHeaderOnTitleClick="false" busy="{objectView>/busy}" busyIndicatorDelay="{objectView>/delay}">

    <semantic:titleHeading>
      <Title text="{PORTFOLIO_NUMBER}" level="H2" responsive="true" />
    </semantic:titleHeading>

    <semantic:headerContent>
      <ObjectNumber number="{
                        path: 'EBITDA',
                        formatter: '.formatter.numberUnit'
                    }" />
      <ObjectAttribute text="{COMPANY_NAME}" />
    </semantic:headerContent>

    <Panel class="sapUiResponsiveMargin" width="auto" headerText="{i18n>portfolioTitle}" expandable="{device>/system/phone}" expanded="true">
      <content>
        <form:SimpleForm id="objectForm">
          <form:content>
            <Label text="{i18n>portfolioSharesLabel}" />
            <Text text="{PORTFOLIO_SHARES}" />
            <Label text="{i18n>portfolioNameLabel}" />
            <Text text="{PORTFOLIO_NAME}" />
            <Label text="{i18n>portfolioDepreciationLabel}" />
            <Text text="{= ${DEPRECIATION} + ' ' + 'EUR'}" />
          </form:content>
        </form:SimpleForm>
      </content>
    </Panel>

    <Panel class="sapUiResponsiveMargin" width="auto" headerText="{i18n>yearTitle}" expandable="{device>/system/phone}" expanded="false">
      <content>
        <List id="companyList">
          <items>
            <StandardListItem icon="sap-icon://building" title="Building1" />
            <StandardListItem icon="sap-icon://email" title="abcd@mail.com" />
            <StandardListItem icon="sap-icon://world" title="google.com" />
            <StandardListItem icon="sap-icon://phone" title="+00123456789" />
            <StandardListItem icon="sap-icon://map" title="23 Wall st, 10005 NY" />
          </items>
        </List>
      </content>
    </Panel>

    <Panel class="sapUiResponsiveMargin" width="auto" headerText="{i18n>mapTitle}">
      <Image src="{
                        parts: [
                            '23 Wall St',
                            '10005',
                            'New York',
                            'United States'
                        ],
                        formatter: '.formatter.formatMapUrl'
                    }" />
    </Panel>

    <semantic:sendEmailAction>
      <semantic:SendEmailAction id="shareEmail" press=".onShareEmailPress" />
    </semantic:sendEmailAction>


  </semantic:SemanticPage>

</mvc:View>

谁能帮我辨认这里丢失的部分？

Answer 1

sap.f.semantic.SemanticPage 的“内容”聚合的基数为 0..1。这意味着我们最多可以添加一个子控件。要完成显示 3 个面板的任务，请尝试将所有三个面板嵌入一个容器中。在容器和布局类别下的 samples 页面中可以找到一些可以使用的容器示例。

举个例子:-

<mvc:View controllerName="ns.mngportfolios.controller.Object" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:semantic="sap.f.semantic" xmlns:form="sap.ui.layout.form">
  <semantic:SemanticPage id="page" headerPinnable="false" toggleHeaderOnTitleClick="false" busy="{objectView>/busy}" busyIndicatorDelay="{objectView>/delay}">
    <semantic:titleHeading>
      <Title text="{PORTFOLIO_NUMBER}" level="H2" responsive="true" />
    </semantic:titleHeading>
    <semantic:headerContent>
      <ObjectNumber number="{
                        path: 'EBITDA',
                        formatter: '.formatter.numberUnit'
                    }" />
      <ObjectAttribute text="{COMPANY_NAME}" />
    </semantic:headerContent>
    <VBox>
    <items>
    <Panel class="sapUiResponsiveMargin" width="auto" headerText="{i18n>portfolioTitle}" expandable="{device>/system/phone}" expanded="true">
      <content>
        <form:SimpleForm id="objectForm">
          <form:content>
            <Label text="{i18n>portfolioSharesLabel}" />
            <Text text="{PORTFOLIO_SHARES}" />
            <Label text="{i18n>portfolioNameLabel}" />
            <Text text="{PORTFOLIO_NAME}" />
            <Label text="{i18n>portfolioDepreciationLabel}" />
            <Text text="{= ${DEPRECIATION} + ' ' + 'EUR'}" />
          </form:content>
        </form:SimpleForm>
      </content>
    </Panel>

    <Panel class="sapUiResponsiveMargin" width="auto" headerText="{i18n>yearTitle}" expandable="{device>/system/phone}" expanded="false">
      <content>
        <List id="companyList">
          <items>
            <StandardListItem icon="sap-icon://building" title="Building1" />
            <StandardListItem icon="sap-icon://email" title="abcd@mail.com" />
            <StandardListItem icon="sap-icon://world" title="google.com" />
            <StandardListItem icon="sap-icon://phone" title="+00123456789" />
            <StandardListItem icon="sap-icon://map" title="23 Wall st, 10005 NY" />
          </items>
        </List>
      </content>
    </Panel>

    <Panel class="sapUiResponsiveMargin" width="auto" headerText="{i18n>mapTitle}">
      <Image src="{
                        parts: [
                            '23 Wall St',
                            '10005',
                            'New York',
                            'United States'
                        ],
                        formatter: '.formatter.formatMapUrl'
                    }" />
    </Panel>
    </items>
    </VBox>
    
    <semantic:sendEmailAction>
      <semantic:SendEmailAction id="shareEmail" press=".onShareEmailPress" />
    </semantic:sendEmailAction>
  </semantic:SemanticPage>
</mvc:View>

请选择最适合您的布局的容器控件demands.This只是一个示例。

sap.f.SemanticPage: 添加超过 1 个内容控件失败

sap.f.SemanticPage: adding more than 1 content control fails

sapui5

sap-fiori