2016-09-21 4 views
0

私は、angle2-data-tableモジュール(https://www.gitbook.com/book/swimlane/angular2-data-table/details)を使ってテーブルを作成しようとしています。ページネーションとソートはサーバー経由で処理する必要があります。以下の方法で使用してバックエンド - 私からの私のデータをロードして設定するには:angular2-data-tableサーバーのページ番号が正しく動作しない

this.loadData('sortColumn', 'ASC', this.currentPage, this.options.limit) 
    .subscribe(ratings => { 
    this.rows = []; 
    this.rows.push(...ratings.ratings); 
    //For testing 
    this.maxRows = 10; 
    this.options.count = 10; 
    if (this.maxRows < this.options.limit) { 
     this.endRow = this.maxRows; 
    } 
    }, error => this.errorMessage = <any>error);} 

this.rowsは、データ・テーブル・テンプレートに結合可変 - 私です:

<datatable class="rating_table" [rows]='rows' [options]='options' (onRowClick)='onRowClick($event)' (onPageChange)='onPage($event)'> 

マイ問題は、データバインディングの最初のページを読み込んでいるときに、評価が表示されているテーブルですが、2番目のページをロードするとthis.rowsがratings.ratingsオブジェクトに設定されていますが、テーブルがリフレッシュされません古い評価は引き続き表示されます。誰かが私に助けてくれますか?私はなぜテーブルがさわやかでないのか分かりません。

答えて

0

いくつかの理由から、angle2-data-tableでは、配列内のインデックスがサーバー内のテーブル全体のインデックスと一致する必要があります。したがって、2ページ目のデータを取得するとき、配列のインデックスは0から始めるのではなく、[pageSize- 2 * pageSize -1]から始めるべきです。本質的には、希薄な配列を作成します。

関連する問題