list - 带有列表的 Salesforce 闪电输入不起作用

Question

我正在尝试在闪电组件中使用带有 datalist 的输入，但似乎不起作用。我环顾四周，似乎找不到任何说我不能的东西。所以基本上，

<input list="acctlist"/>
<datalist id="acctlist">
<option value="somevalue"> 
</datalist>

不起作用。我希望以用户可以键入但也能够从控制器返回的列表中选择的形式输入。是否有一种简单的解决方法，或者这是我得到的最好的以下路线。 https://developer.salesforce.com/blogs/developer-relations/2015/06/salesforce-lightning-inputlookup-missing-component.html

Answer 1

输入标签的列表属性与闪电组件不兼容。部署组件时，会删除该属性。

如果要在 datalist 中使用 input，则需要在 Renderer.js 中添加该属性。

数据列表.cmp

<input aura:id="acctlistInput" />
<datalist id="acctlist">
  <option value="somevalue" />
</datalist>

数据列表渲染器.js

afterRender : function(component, helper) {
  var acctlistInputCmp = component.find("acctlistInput");
  var acctlistInput = acctlistInputCmp.getElement();
  acctlistInput.setAttribute("list", "acctlist");
  return this.superAfterRender();
}