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

Question

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

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

为了方便起见，我创建了一个示例：example

示例代码如下：

<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 项？

Answer 1

这可以通过结合自定义数据聚合和 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;
}

这里正在工作solution

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

How do I display disabled suggestion item when using sap.m.Input

sapui5