Question

我要求建立一个看起来像这样的表

所需的界面

开始时间和结束时间将有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>

Answer 1

对我来说，它看起来像是与sap.ui.table.Table，addColumn（）和addRow（）嵌套的for循环

哪些sapui5控件可用于构建以下界面？

1 个答案: