Полимер, Стартовый комплект 1.3 и раскрывающееся меню - не функционирует - окна

Question

Есть несколько вопросов, которые относятся к этой проблеме, но никто не упоминает проблему, с которой я столкнулся. Прежде чем я могу задать вопрос есть немного истории:

1. Короче говоря: наступив на полимере, идея понравилась, нашли его на самом деле не для веб-сайтов (вложенные папки не работает) и пытается использовать его в сотрудничестве с nwjs для настольных приложений. Отладка в firefox, chrome и nwjs - несколько вопросов по настройке приложения для отладки.
2. Как и многие другие, узнав о первом выборе полимера, нужно получить стартер.
3. Полное испытание узла следует этому (узел, беседка, загрузка компонентов)
4. Starter Kit включает в себя несколько основного источника о том, как маршрут и как реализовать несколько наиболее распространенных операции - сегментировать приложения, адаптивный дизайн, эффекты
5. Обычно в приложении нужно добавить некоторые виджеты, а одним из часто используемых является выпадающее меню.
6. выпадающий пример не предусмотрено в стартовый комплект, но примеры доступны в полимерной документации, поэтому один очень быстро заканчивается с ситуацией, как описано в: Polymer's paper-dropdown-menu shows uncollapsed

7. Solution следующим образом - включают в себя составные обработчики (редактировать to elements.html и включают в себя следующую строку :

   <link rel="import" href="../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">

8. Часто исходная задача дизайна решает, мы получаем выпадающее меню, но в некоторых случаях это половина функциональное, больше исследований следует, и вы узнаете, что вам нужно добавить также:

   <link rel="import" href="../bower_components/paper-listbox/paper-listbox.html">

Так первый, когда я добавляю выше линий elements.html и добавить типичные выпадающее меню к любому разделу. Нравится:

<paper-dropdown-menulabel="Browser to run?"> 
    <paper-listbox class="dropdown-content" attr-for-selected="value" selected="IE" > 
    <paper-item value="IE" >Internet Explorer</paper-item> 
    <paper-item value="FF">Firefox</paper-item> 
    <paper-item value="CRB">Google Chrome</paper-item> 
    <paper-item value="PJS">PhantomJS (browsing do not show)</paper-item> 
    </paper-listbox> 
</paper-dropdown-menu> 

Voila! Он начинает петь на Ubuntu Linux с Chromium, Firefox и nwjs. Перейдем к окнам ...

Извините, окна не идут. Firefox сообщает о ошибках в консоли, хром имеет источник безопасности, когда приложение запускается из файла, nwjs показывает все, но отказывается выбирать элемент, всплывающее окно открывается, но выбор не производится. Затем вы начинаете думать о том, что какой-то обработчик должен быть размещен (но тогда работает вариант Linux) - это события, которые были запущены (nwjs debugger говорит «да», вы можете их наблюдать). Однако выбор не производится. Возникла проблема не закрытия всплывающего окна, щелкнув вне всплывающего окна выбора, и вы узнаете, как обновлять компоненты для решения проблем. Нормальная кривая обучения. Но помимо объяснения того, как проектировать полимер (на полимерном участке дока) на самом деле никто документы, как сценарий так ...

Дополнительные вопросы Всплывающего в виде:

1. У меня есть несколько выпадающих - как отличить и вставлять/собирать данные из/в? Использовать идентификаторы? Использовать атрибут имени? Закрытие в форме железа? Лучший подход?
2. Как заполнить выпадающие списки из базы данных (веб-сервис и т. Д. И т. Д.) - вот эта попытка: Polymer paper-dropdown-menu - этот предпочтительный/предполагаемый способ использования полимера или это просто личный стиль?

Главный вопрос:

Есть некоторые выполнимый пример, решения общих проблем (как указано выше - нескольких идентифицируемых выпадающие, заполняется динамически) с папье-выпадающего меню полимера, который работает кросс кросс-браузер платформу - которая может быть цитируется и тестируется?

Answer 1

Решено. Спасибо всем, кто посмотрел на вопрос.

Я нашел ошибку, и ошибка - это тот, кто искал неправильный источник (работает с двумя разными примерами и смотрит на включения в другие (неправильные) элементы.html).

Похожие работы через:

polymer serve 

или

polymer serve -p port_number 

помогли отлаживать в браузере, а в NWjs.

Однако, кроме того, я обнаружил, что если у вас есть ровно 1 элемент в раскрывающемся меню, выпадающий не будет выбирать, когда он выбран (или предварительно устанавливается по умолчанию)