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