Question

我正在尝试创建一个ui5应用，我需要在按钮点击时打开包含时间线的对话框。

我的问题是关于对话的高度，总是如下所示。

只有当我拖动对话框时，才会看到时间轴中的其余条目。

宽度设置正常，但即使我设置明确，高度也不会。有关如何扩展时间轴高度以使其正确适合对话框的任何想法吗？

根据sap.m.Dialog的文档：

如果设置了contentWidth和/或contentHeight属性，则对话框将尝试填充这些大小。如果没有特定的大小调整，对话框将尝试将其大小调整为其内容。

PS：我正在使用片段，因为我需要恢复时间线。

<core:FragmentDefinition xmlns="sap.ui.commons" xmlns:c="sap.suite.ui.commons" xmlns:m="sap.m" xmlns:core="sap.ui.core">
   <Dialog title="Change Log" showHeader="true" draggable="true">
        <c:Timeline height="100rem" width="30rem" enableDoubleSided="true" 
          groupBy="{XYZ}" 
             growingThreshold="10" filterTitle="Title" sortOldestFirst="false" 
               content="{changes}" showIcons="false" icon="sap-icon://edit">

Answer 1

<Dialog title="Change Log" showHeader="true" draggable="true" contentHeight="25rem">

使用contentHeight属性设置对话框的高度。

我不知道是否可以使用以下解决方案，因为它是覆盖标准CSS库。

如果有人对此有更好的解决方案，请随时更新答案。

.sapMDialog>.sapMDialogSection {
    min-height: 25rem;
}

Answer 2

您必须将时间轴的enableScroll属性设置为false，以获取对话框中时间轴的完整高度。

val b = A(1)
implicitly[a.Out#SS =:= b.Out#SS]

带有时间轴的SAP UI5片段

2 个答案: