angular – ng2-smart-table,后端分页(Spring)

发布时间：2020-12-17 06:59:34 所属栏目：安全来源：网络整理

导读：我正在使用启用了Pager的后端服务器( Java Spring).我在HTTP调用上每页加载100条记录. 在angular2服务上,它使用“？page = 1 size = 100”作为初始调用的API调用,而在客户端大小的寻呼机上,它显示10并且最多移动10页,这很好.但我无法从服务器加载下一块数据.

我正在使用启用了Pager的后端服务器( Java Spring).我在HTTP调用上每页加载100条记录.

在angular2服务上,它使用“？page = 1& size = 100”作为初始调用的API调用,而在客户端大小的寻呼机上,它显示10并且最多移动10页,这很好.但我无法从服务器加载下一块数据.我检查了ServerDataSource并使用了.setPaging(1,100).

如何加载下一个数据块(2-200)以及如何实现此目的.任何提示都会有所帮助.

@Injectable()
export class AmazonService extends ServerDataSource {

constructor(protected http: Http) {
    super(http);
}

public getAmazonInformation(page,size): Observable<Amazon[]> {

    let url = 'http://localhost:8080/plg-amazon?page=1&size=100';
    this.setPaging(1,100,true);
    if (this.pagingConf && this.pagingConf['page'] && 
       this.pagingConf['perPage']) {
          url += 
       `page=${this.pagingConf['page']}&size=${this.pagingConf['perPage']}`;
}

return this.http.get(url).map(this.extractData).catch(this.handleError);
}

谢谢！

解决方法

尝试将设置设置为智能表,如下所示

<ng2-smart-table #grid [settings]="settings" ... >

在您的组件中,定义设置,如下所示：

public settings: TableSettings = new TableSettings();

  ngOnInit(): void {
      ...
    this.settings.pager.display = true;
    this.settings.pager.perPage = 100;
    ...
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!