SAPUI5 - 是否可以设置默认选择列表键?

时间:2017-02-24 11:52:36

标签: sapui5

我提供了一个快速示例,但如何选择默认时间(选择项目)为05:00?请注意,我不需要使用select(而不是timepicker)捕获时间,因为我们的客户想要强制间隔15分钟。

<Select id="openingTime" selectedKey="{SearchResults>startTime1}"
                                 valueFormat="HH:mm" displayFormat="HH:mm"
                                 change="onTimeChangedOpening"
                                 visible="{SearchResults>isOpen}" valueState="{SearchResults>startTimeValid}"
                                placeholder="Enter Opening Time">
                            <core:ListItem key="" text="Select"/>
                            <core:Item key="00:00" text="00:00"/>
                            <core:Item key="00:15" text="00:15"/>
                            <core:Item key="00:30" text="00:30"/>
                            <core:Item key="00:45" text="00:45"/>
                            <core:Item key="01:00" text="01:00"/>
                            <core:Item key="01:15" text="01:15"/>
                            <core:Item key="01:30" text="01:30"/>
                            <core:Item key="01:45" text="01:45"/>
                            <core:Item key="02:00" text="02:00"/>
                            <core:Item key="02:15" text="02:15"/>
                            <core:Item key="02:30" text="02:30"/>
                            <core:Item key="02:45" text="02:45"/>
                            <core:Item key="03:00" text="03:00"/>
                            <core:Item key="03:15" text="03:15"/>
                            <core:Item key="03:30" text="03:30"/>
                            <core:Item key="03:45" text="03:45"/>
                            <core:Item key="04:00" text="04:00"/>
                            <core:Item key="04:15" text="04:15"/>
                            <core:Item key="04:30" text="04:30"/>
                            <core:Item key="04:45" text="04:45"/>

2 个答案:

答案 0 :(得分:1)

您可以通过设置:

来实现
selectedKey = "05:00"

您还需要将其添加到:

<core:Item key="05:00" text="05:00"/>

这是jsbin example。您可以在行中更改所选值:

oSelect.setSelectedKey("B");

答案 1 :(得分:0)

我们可以通过以下代码设置默认密钥

                       <Select
                        forceSelection="true"
                        selectedKey="{SearchResults/0/startTime1}"
                        items="{
                            path: '/SearchResults'

                        }">
                        <core:Item key="{/startTime1}" text="{startTime1}" />
                    </Select>