Существуют ли какие-либо встроенные автоматические компоненты ввода для Polymer 1.0?
Я смущался с Polymer 1.0 с момента его выпуска, и я попал в прецедент, где список выбора просто не будет достаточным (слишком много вариантов для выбора). Мне действительно нужно текстовое поле автозаполнения.
Есть ли встроенный или планируемый в бумажном или железном полимере контроль? Или я должен смотреть на автозаполненные решения из других фреймворков? До сих пор я был в состоянии поддерживать мое приложение легким, и я бы предпочел избежать других фреймворков, если я могу помочь ему.
Спасибо,
Райан
Изменить: Лучшее место, которое я видел для создания автозаполнения, основанного на первой стороне, находится на репозитории PolymerElements/paper-elements на GitHub. Я бы обсуждал в https://github.com/PolymerElements/paper-elements/issues/26.
Ответы
Ответ 1
В настоящее время я решил использовать datalists HTML5 в сочетании с измененным элементом управления <paper-input>
(я отправил запрос на перенос в репозиторий Github, чтобы объединить эти изменения обратно в главную ветку). Все эти изменения сохраняют атрибут list
для внутреннего элемента управления <iron-input>
, чтобы он мог использовать datalist HTML5.
Определенно не идеальный, но в краткосрочной перспективе он будет функционировать как местозаполнитель вместо реального элемента управления.
Я также создал быстрый пользовательский валидатор, который выполняет итерацию по той же коллекции массивов, что и я, использую в моем каталоге данных, так что элемент управления <paper-input>
знает, является ли текущее значение выбранным (допустимым) значением или нет.
Изменить: Лучшее место, которое я видел для создания автозаполнения, основанного на первой стороне, находится на репозитории PolymerElements/paper-elements на GitHub. Я бы обсуждал в https://github.com/PolymerElements/paper-elements/issues/26.
Ответ 2
Компоновка Vaadin выглядит довольно солидно:
![Vaadin combo box]()
Существует также Autocomplete бумаги Ellipticaljs, с возможной альтернативой md-autocomplete в работе.
![paper-autocomplete]()
Вы можете найти больше элементов автозаполнения, выполнив поиск http://customelements.io.