为聚合物纸列表框启用分页或滚动条

Question

下面的代码将显示数据库中的用户列表，我想为 paper-listbox 启用分页/滚动条。任何帮助将不胜感激

<paper-listbox class="dropdown-content" attr-for-selected="value" selected="{{getSelectedItemID}}" on-iron-select="_itemSelected">
        <template is="dom-repeat" items="[[getActiveCompanies]]" flex filter="{{Filter(filterValue)}}">
            <iron-item value="[[item.ID]]" class="primary">{{item.CompanyCode}} - {{item.CompanyName}}</iron-item>
        </template>
    </paper-listbox>

Answer 1

首先你必须导入这个：iron-scroll-target-behavior.html

之后你可以试试这个:

<div id="scrollable-element" style="display:block;height:300px;overflow-y: auto;">
<x-element scroll-target="scrollable-element">

<paper-listbox class="dropdown-content" attr-for-selected="value" selected="{{getSelectedItemID}}" on-iron-select="_itemSelected">
    <template is="dom-repeat" items="[[getActiveCompanies]]" flex filter="{{Filter(filterValue)}}">
        <iron-item value="[[item.ID]]" class="primary">{{item.CompanyCode}} - {{item.CompanyName}}</iron-item>
    </template>
  </paper-listbox>

</x-element>
</div>

祝你好运！

为聚合物纸列表框启用分页或滚动条

Enable paging or scrollbars for polymer paper-listbox

custom-component

polymer-1.0