0

Lightning コンポーネントで 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

4

1 に答える 1

1

input タグの list 属性は、lightning コンポーネントと互換性がありません。コンポーネントをデプロイすると、属性が削除されます。

入力を datalist で使用する場合は、Renderer.js に属性を追加する必要があります。

datalist.cmp

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

datalistRenderer.js

afterRender : function(component, helper) {
  var acctlistInputCmp = component.find("acctlistInput");
  var acctlistInput = acctlistInputCmp.getElement();
  acctlistInput.setAttribute("list", "acctlist");
  return this.superAfterRender();
}
于 2016-04-09T03:26:11.677 に答える