2015-06-09 6 views
16

Ich habe mich seit der Veröffentlichung mit Polymer 1.0 herumgeschlagen und einen Anwendungsfall gefunden, in dem eine Auswahlliste einfach nicht ausreicht (zu viele Optionen zur Auswahl). Was ich wirklich brauche, ist eine Autocomplete-Textbox.Gibt es automatische Komponenten für die automatische Vervollständigung von Polymer 1.0?

Ist in der Papier- oder Eisen-Polymer-Steuerung ein eingebauter oder geplanter? Oder sollte ich Autocomplete-Lösungen von anderen Frameworks betrachten? Bis jetzt war ich in der Lage, meine App leicht zu halten, und ich würde es vorziehen, andere Frameworks zu vermeiden, wenn ich ihnen helfen kann.

Danke,

Ryan

Edit: Der beste Ort, den ich je gesehen habe auf dem PolymerElements/Papier-Elementen Repo eine First-Party entwickelt bringen die automatische Vervollständigung auf GitHub ist. Ich würde unter https://github.com/PolymerElements/paper-elements/issues/26 diskutieren.

Antwort

0

Vorerst habe ich mich für die Verwendung von HTML5-Datenlisten in Verbindung mit einem modifizierten Steuerelement <paper-input> entschieden (ich habe eine Pull-Anforderung an das Github-Repository gesendet, um diese Änderungen wieder in den Master-Zweig einzufügen). Alle diese Änderungen bestehen weiterhin das list Attribut zu dem inneren <iron-input> Steuerelement, damit es einen HTML5-Datalist verwenden kann.

Definitiv nicht ideal, aber auf kurze Sicht wird es als Platzhalter anstelle einer echten Typahead-Steuerelement fungieren.

Ich habe auch einen schnellen benutzerdefinierten Validator erstellt, der über die gleiche Array-Sammlung wie in meinem Datenlogger iteriert, so dass das Steuerelement <paper-input> weiß, ob der aktuelle Wert ein auswählbarer (gültiger) Wert ist oder nicht.

Bearbeiten: Der beste Ort, den ich gesehen habe, um eine First-Party entwickelte Autocomplete zu bringen, ist auf dem PolymerElements/Papier-Elemente Repo auf GitHub. Ich würde unter https://github.com/PolymerElements/paper-elements/issues/26 diskutieren.

+0

Ich kann nur diese Gabel finden https://github.com/RNCRyan/paper-input/commit/c880ae9594ff7b1b0e3397f7e579979797fd0e6f. Aber es erlaubt nur Liste (die in 1.0.6 implementiert ist) – vinyll

+0

Ja, ich habe eine Pull-Anfrage, um die "Liste" -Attribut auf dem Kern Papiereingabe-GitHub-Projekt zu erhalten. "list" ist ein Attribut im Projekt github.com/PolymerElements/paper-input ab 1.0.5 oder 1.0.6. –

Verwandte Themen