时间戳

首页 > 解决方案 > 使用什么 sapui5 控件来构建以下界面？

sapui5 - 使用什么 sapui5 控件来构建以下界面？

问题描述

我需要建立一个看起来像的表

所需接口 在此处输入图像描述

开始时间和结束时间将有TimePicker输入字段。有人可以建议如何实现这个界面（使用什么控件或jsfiddle中的一个例子将不胜感激）提前致谢

这是我到目前为止所拥有的：

        <Table id="idNonRosterTable" inset="false" items="{schedule>/}">
            <columns>
                <Column hAlign="Center"/>
                <Column hAlign="Center">
                    <Text text="Monday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Tuesday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Wednsday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Thursday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Friday"/>
                </Column>
                <Column hAlign="Center">
                    <Text text="Total hours per week"/>
                </Column>
            </columns>
            <items>
                <ColumnListItem vAlign="Middle" >
                    <cells>
                        <ObjectIdentifier title="{schedule>week}"/>
                        <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                        <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                            <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                        <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                            <HBox>
                            <VBox><Text text="Start time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text text="Total Hrs/Day"/></VBox>
                            <VBox><Text text="End time"/><TimePicker valueFormat="HH:mm" displayFormat="HH:mm"/><Text/></VBox>
                        </HBox>
                        <Text/>
                    </cells>
                </ColumnListItem>
            </items>
        </Table>

标签： sapui5

解决方案

对我来说，它看起来像是带有 sap.ui.table.Table、a​​ddColumn() 和 addRow() 的嵌套 for 循环

推荐阅读