Polymer 可搜索/可筛选的纸张下拉列表

是否有任何组件（如纸张下拉列表元素）具有额外的行来搜索和过滤下拉列表中的项目？在Jquery中有大量这样的元素

这将是非常酷的，如果聚合物有这样的东西，或者如果有人可以给我一个提示，我如何可以实现我自己

谢谢

签出的

元素

---

您可以将其分叉并更改为所需的任何元素。

您只需在纸张列表框中添加纸张输入，然后将其值连接到文件管理器，该文件管理器可重复纸张项目以进行下拉。您还需要停止纸质输入上发生的事件的传播

HTML

<paper-dropdown-menu label="Fruits">
   <paper-listbox class="dropdown-content" attr-for-selected="data-value" selected="{{fruit}}">
      <paper-input class="paperdropdownsearch" label="Search" value="{{key}}"
            on-tap="_stopEventPropagation"
            on-keydown="_stopEventPropagation"
            on-keyup="_stopEventPropagation"></paper-input>
       <template is="dom-repeat" items="{{allFruits}}" filter="{onMatch(key)}}">
             <paper-item data-value="{{item}}">{{item}}</paper-item>
       </template>
   </paper-listbox>
</paper-dropdown-menu>

演示

---

纸张下拉菜单是纸张下拉菜单的包装

   onMatch: function (key) {
               if (!key) {
                   return null;
               } else {
                  try {
                     key = key.toLowerCase();
                    } catch (err) {}

                  return function (item) {
                    var curr = item.toLowerCase();
                    if (curr.search(key) >= 0) {
                      return true;
                    }
                 };
              }
           },
    _stopEventPropagation: function(e) {
                e.stopPropagation();
            },