时间戳

首页 > 解决方案 > 使用 sap.m.Input 时如何显示禁用的建议项

sapui5 - 使用 sap.m.Input 时如何显示禁用的建议项

问题描述

当用户在输入字段中输入内容时，我想显示禁用的建议项。

问题是默认情况下 SAPUI5 隐藏了所有禁用的建议项，我没有找到一种方法来说服框架重新考虑其行为。

这是我为您提供方便而创建的示例：示例

这是示例的代码：

<Input showSuggestion="true" filterSuggests="false" autocomplete="false">
      <suggestionItems>
        <core:Item text="item 1" key="1" enabled="true"/>
        <core:Item text="item 2" key="2" enabled="false"/>
        <core:Item text="item 3" key="3" enabled="true"/>
        <core:Item text="item 4" key="4" enabled="true"/>
      </suggestionItems>
</Input>

如果您在输入字段中键入“项目”，您将不会在建议中看到项目 2。

有没有办法显示项目2？

标签： sapui5

解决方案

这可以通过自定义数据聚合和 CSS 的组合来实现。

XML:

<core:Item text="item 2" key="2" >
   <core:customData>
      <core:CustomData key="disable-suggestion-item" value="true" writeToDom="true"/>
   </core:customData>
</core:Item>

CSS：

[data-disable-suggestion-item="true"]{
  opacity: 0.5;
  pointer-events: none;
}

这是工作解决方案

推荐阅读