Polymer 铁表和负载数据,带“标记”;“第页”;

Polymer 铁表和负载数据,带“标记”;“第页”;,polymer,Polymer,我有谷歌端点服务和列表方法返回了一些数据 我可以在铁表中显示这些数据-这里一切正常 但是,由于数据数组很大,我喜欢通过一些“页面”从列表中返回数据,例如100个元素 所以,问题是-如何启动获取新数据部分,然后铁名单将向下滚动到已接收阵列的末尾?有关于它的任何样品或建议吗?适合这里。在下面的示例中,当从底部将铁列表滚动到200px时,将调用\u loadMoreData(),在这种情况下,您可以查询Google Endpoints服务以获取更多数据 // template <iron-scr

我有谷歌端点服务和列表方法返回了一些数据

我可以在铁表中显示这些数据-这里一切正常

但是,由于数据数组很大,我喜欢通过一些“页面”从列表中返回数据,例如100个元素

所以,问题是-如何启动获取新数据部分,然后铁名单将向下滚动到已接收阵列的末尾?有关于它的任何样品或建议吗?

适合这里。在下面的示例中,当从底部将
铁列表
滚动到
200px
时,将调用
\u loadMoreData()
,在这种情况下,您可以查询Google Endpoints服务以获取更多数据

// template
<iron-scroll-threshold id="threshold"
                       lower-threshold="200"
                       on-lower-threshold="_loadMoreData">
  <iron-list scroll-target="threshold" items="[[items]]">
    <template>
      <div>[[index]]: [[item]]</div>
    </template>
  </iron-list>
</iron-scroll-threshold>

// script
Polymer({
  ...
  _loadMoreData: function() {
    var data = this.queryGoogleEndpointService();
    // append data to `this.items`
  }
}
//模板
[[索引]]:[[项目]]
//剧本
聚合物({
...
_loadMoreData:函数(){
var data=this.queryGoogleEndpointService();
//将数据附加到`this.items`
}
}

铁名单{
高度:400px;
}
[[索引]]:[[项目]]
HTMLImports.whenReady(函数(){
聚合物({
是‘x-foo’,
特性:{
项目:{
类型:数组,
值:函数(){return[];}
}
},
_loadMoreData:函数(){
log('再加载100个…');
//模拟网络延迟
this.async(函数(){
for(设i=0;i<100;i++){
this.push('items',Math.random());
}
此.$.threshold.clearTriggers();
}, 500);
}
});
});