Угловой 5: Datatable нумерация на стороне сервера - PullRequest
0 голосов
/ 26 июня 2018

Я использую нумерацию на стороне сервера так же, как и ссылку: https://l -lin.github.io / angular-datatables / # / basic / server-side-angular-way где я получаю данные от моего контроллера: http://localhost:63002/api/store/getallstoresales.

Я хочу отображать 2 строки на странице, однако отображаются все строки базы данных (не 2 строки на странице)

Ниже мой код:

import { Component, OnInit,AfterViewInit, Input, EventEmitter, Output, ViewChild,OnDestroy, ChangeDetectorRef  } from '@angular/core';
import { DataTableDirective } from 'angular-datatables';
import { Subject } from 'rxjs';
import { AbstractService } from './abstractservice';
import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
import { StoreModel } from '../models/StoreModel';

class Person {
  strName: string;
  strAddress: string;
  strTelephone: number;
  strSalesMonthly: number;
  strSalesDaily: number;
}

class DataTablesResponse {
  data: any[];
  draw: number;
  recordsFiltered: number;
  recordsTotal: number;
}

@Component({
  selector: 'store',
  templateUrl: './store.component.html',
  styleUrls: ['./store.component.css']
})

export class StoreComponent implements OnInit , AfterViewInit, OnDestroy {
  private selectUndefinedOptionValue:any;
    persons:Person[];
    dtOptions: DataTables.Settings = {};
    @ViewChild(DataTableDirective)
    datatableElement: DataTableDirective;

    nAddress:string;
    lArr = [];
    units: string[] = [];
     recordsTotal:number;
     recordsFiltered: number;

  saveData = [];
  constructor(private http:HttpClient,private service: AbstractService, private chRef: ChangeDetectorRef) {  }
  ngOnInit(): void {

    var that=this;
    this.dtOptions = {
      ordering: false,
      searching:true,        
      pagingType: 'full_numbers',
      pageLength: 2,
      serverSide: true,
      processing: true,
      dom: 'tpi' ,
      ajax: (dataTablesParameters: any, callback) => {
        that.http
        .post<DataTablesResponse>(
            'http://localhost:63002/api/store/getallstoresales',
             dataTablesParameters, {}
          ).subscribe(resp => {
            that.persons = resp.data;
           callback({                
                recordsTotal: resp.recordsTotal,
                recordsFiltered: resp.recordsFiltered,
                data: []
            });
          });
      },
      columns: [{
        data: 'strName'
      }, {
        data: 'strAddress'
      }, {
        data: 'strTelephone'
      },{
        data: 'strSalesMonthly'
      },{
        data: 'strSalesDaily'
      }
    ] 
    };

}
}

Может кто-нибудь сказать мне, что не так? Или, если чего-то не хватает?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...