Question

我想为我的网站使用UI5 Web组件“选择”，但是下拉列表没有打开。

我正在使用Lit-HTML，Typescript和Webpack。我将示例从Playground复制到了我的代码中，并导入了两个模型（Select，StandardListItem）。确切的示例以及我更改的版本均无效。但是它显示具有属性selected的li-Element。我还使用其他一些UI5组件，例如Input或Datepicker，可以正常工作。

选择元素：

<ui5-select class="select" id="sex">
    <ui5-li selected>Weiblich</ui5-li>
    <ui5-li>Männlich</ui5-li>
    <ui5-li>Andere</ui5-li>
</ui5-select>

然后我导入了

import '@ui5/webcomponents/dist/Select';
import '@ui5/webcomponents/dist/StandardListItem';

我希望有一个下拉菜单，但是当我点击小箭头或字段时什么也没发生。

Answer 1

您正在使用哪个版本的UI5 Web组件？在最新版本1.0.0-rc.2中，ui5-select期望使用ui5-option（而不是ui5-li项目）。

<ui5-select>
    <ui5-option icon="sap-icon://iphone">Phone</ui5-option>
    <ui5-option icon="sap-icon://ipad">Tablet</ui5-option>
    <ui5-option icon="sap-icon://laptop" selected>Desktop</ui5-option>
</ui5-select>

您可以在以下位置提出问题：github.com/SAP/ui5-webcomponents/issues 也许您可以提供一个代码片段进行查看。

UI5 Web组件选择无法打开

1 个答案: