Wrap 属性 on Text 控件不起作用

Question

我有以下 CustomListItem:

<CustomListItem>
    <l:VerticalLayout class="nestedFlexboxes" width="100%">
        <l:content>
            <Title class="sapUiSmallMarginBegin sapUiSmallMarginTop" level="H3" text="{ac>Description}" wrapping="false"/>
            <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                <items>
                    <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                    <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                </items>
            </HBox>
        </l:content>
    </l:VerticalLayout>
</CustomListItem>

并希望将文本换行到 Text 控件上。我已经设置了属性但它不起作用：

我期望的是，当文本没有空格时，它应该添加 ... 为：

我做错了什么？

Answer 1

代码：

    <List width="30%">
        <CustomListItem>
            <l:VerticalLayout class="nestedFlexboxes" width="100%">
                <l:content>
                    <Title class="sapUiSmallMarginBegin sapUiSmallMarginTop" level="H3"
                        text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
                        wrapping="false"/>
                    <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                        <items>
                            <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                            <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                        </items>
                    </HBox>
                </l:content>
            </l:VerticalLayout>
        </CustomListItem>

导致以下结果：

如果从 sap.m.Title

中删除样式类“sapUiSmallMarginBegin”

代码：

    <List width="30%">
        <CustomListItem>
            <l:VerticalLayout class="nestedFlexboxes" width="100%">
                <l:content>
                    <Title class="sapUiSmallMarginTop" level="H3"
                        text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
                        wrapping="false"/>
                    <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                        <items>
                            <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                            <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                        </items>
                    </HBox>
                </l:content>
            </l:VerticalLayout>
        </CustomListItem>
    </List>

导致以下结果：

我不知道你的 StyleClass nestedFlexboxes 是做什么的。所以我的建议是尝试使用样式类来解决问题。

Possible Workaround: (Using sap.m.VBox instead of sap.ui.layout.VerticalLayout)

    <CustomListItem>
            <VBox class="nestedFlexboxes sapUiTinyMarginBeginEnd">
                <Title class="sapUiSmallMarginTop" level="H3"
                    text=" Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
                    wrapping="false"/>
                <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                    <items>
                        <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                        <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                    </items>
                </HBox>
            </VBox>
        </CustomListItem>

导致以下结果：

Wrap 属性 on Text 控件不起作用

Wrap property on Text control does not work

sapui5