为什么对象页面部分标题进入大写字母以及如何禁用它

Posted 2021-04-05

当我尝试在ObjectPageSection的<sections>中添加ObjectPageLayout时，我看到标题以大写字母显示。

谁有人解释为什么？我想把它作为标题来表示。

这是代码的片段：

<mvc:View
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.uxap"
  xmlns:layout="sap.ui.layout"
  xmlns:m="sap.m"
  xmlns:blockcolor="sap.uxap.sample.SharedBlocks"
  controllerName="personal.controller.Object"
  height="100%"
>
  <ObjectPageLayout id="ObjectPageLayout"
    enableLazyLoading="false"
    showAnchorBarPopover="false"
    showFooter="true"
  >
    <headerTitle>
      <ObjectPageHeader objectTitle="{DataAgingGroupName}"/>
    </headerTitle>
    <sections>
      <ObjectPageSection title="Section 2">
        <subSections>
          <ObjectPageSubSection title="Deletable Data Subjects">
            <blocks>
              <Table xmlns="sap.m" id="table"
                mode="SingleSelectLeft"
                width="auto"
                items="{invoice>/Invoices}"
                noDataText="{worklistView>/tableNoDataText}"
                busyIndicatorDelay="{worklistView>/tableBusyDelay}"
                growing="true"
                growingScrollToLoad="true"
                updateFinished="onUpdateFinished"
              >
                <columns>
                  <Column id="nameColumn1">
                    <Text text="Data Subject"/>
                  </Column>
                </columns>
                <items>
                  <ColumnListItem
                    type="Navigation"
                    press="onPress"
                  >
                    <cells>
                      <Text id="__picker0"
                        text="{invoice>ProductName}"
                        width="100%"
                      />
                    </cells>
                  </ColumnListItem>
                </items>
              </Table>
            </blocks>
          </ObjectPageSubSection>
        </subSections>
      </ObjectPageSection>
      <ObjectPageSection title="Section 1">
        <subSections>
          <ObjectPageSubSection title="General Information"/>
        </subSections>
      </ObjectPageSection>
    </sections>
    <footer>
      <m:OverflowToolbar>
        <m:ToolbarSpacer/>
        <m:Button
          text="Delete"
          type="Reject"
          press="handleDelete"
        />
      </m:OverflowToolbar>
    </footer>
  </ObjectPageLayout>
</mvc:View>

答案

你可以，如果你遵循Fiori指南，你应该通过disable the uppercase来upperCaseAnchorBar，因为默认值是true那里。 <ObjectPageSection>也是如此，默认情况下启用了titleUppercase属性。所以，明确禁用它们：

<ObjectPageLayout upperCaseAnchorBar="false" ...>
  <sections>
    <ObjectPageSection titleUppercase="false" ...>

另一方面，<ObjectPageSubSection>也提供了titleUppercase属性，但其默认值已经是false。

另一答案

它来自CSS

.sapUxAPObjectPageSectionTitleUppercase {
    text-transform: uppercase;
}

:)