Salesforce lightning L'entrée avec la liste ne fonctionne pas

Question

J'essaie d'utiliser l'entrée avec datalist dans un composant Lightning et cela ne semble pas fonctionner. J'ai regardé autour de moi et je n'arrive pas à trouver quelque chose qui me dit que je ne peux pas. Donc, fondamentalement,

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

ne fonctionne pas. Je veux avoir une entrée dans un formulaire qu'un utilisateur peut taper mais aussi capable de choisir parmi une liste renvoyée par le contrôleur. Y at-il une solution de contournement qui serait aussi simple ou est-ce le chemin suivant le meilleur que j'ai eu. https://developer.salesforce.com/blogs/developer-relations/2015/06/salesforce-lightning-inputlookup-missing-component.html

Answer 1

L'attribut de liste de l'étiquette d'entrée n'est pas compatible avec le composant d'éclairage. Lorsque vous déployez les composants, l'attribut est supprimé.

Si vous souhaitez utiliser l'entrée avec datalist, vous devez ajouter l'attribut dans 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(); 
}