PrimeNg Tables Errors - Based on Users & Editions #3746

4 Answer(s)

• 

  0

  alper created 6 years ago

  Support Team

  hi

  import DataTableModule for primeng. <a class="postlink" href="https://github.com/primefaces/primeng/issues/1271">https://github.com/primefaces/primeng/issues/1271</a>

  Save Cancel
• 

  0

  fastsoft created 6 years ago

  I'm getting the same error. I copied xxx\angular\src\app\admin\audit-logs\audit-logs.component.ts and changed own component.

  .ts File

  import { NgModule } from '@angular/core';
  import { Component, AfterViewInit, Injector, ViewEncapsulation, ViewChild } from '@angular/core';
  import { NotifyService } from '@abp/notify/notify.service';
  import { AppComponentBase } from '@shared/common/app-component-base';
  import { appModuleAnimation } from '@shared/animations/routerTransition';
  
  import { DataTable } from 'primeng/components/datatable/datatable';
  import { Paginator } from 'primeng/components/paginator/paginator';
  import { LazyLoadEvent } from 'primeng/components/common/lazyloadevent';
  
  
  import { OgrenciServiceProxy, VOgrenciInfo, PagedResultDtoOfVOgrenciInfo, FGetEntityExpression, FSearchExpression } from '@shared/service-proxies/service-proxies';
  
  
  @Component({
      templateUrl: './ogrenci-list.component.html',
      encapsulation: ViewEncapsulation.None,
      animations: [appModuleAnimation()]
  })
  
  
  export class OgrenciListComponent extends AppComponentBase {
  
      @ViewChild('dataTable') dataTable: DataTable;
      @ViewChild('paginator') paginator: Paginator;
  
      ogrenciList: VOgrenciInfo[] = [];
      searchExp = new FGetEntityExpression();
  
      fSearchExpression = new FSearchExpression();
  
  
      constructor(
          injector: Injector,
          private _ogrenciService: OgrenciServiceProxy,
          private _notifyService: NotifyService
      ) {
          super(injector);
          this.searchExp.maxResultCount = 20;
          this.searchExp.skipCount = 0;
  
          this.primengDatatableHelper.totalRecordsCount = 0;
  
          this.fSearchExpression.propName = "OgrenciId";
          this.fSearchExpression.searchOperator = 4;
          this.fSearchExpression.searchAndOrOperator = 0;
          this.fSearchExpression.value1 = 4;
          this.searchExp.expressionList = new Array<FSearchExpression>();
          this.searchExp.expressionList.push(this.fSearchExpression);
  
  
      }
  
      getOgrenci(event?: LazyLoadEvent) {
  
          this.primengDatatableHelper.showLoadingIndicator();
  
          this._ogrenciService.getData(this.searchExp).subscribe(result => {
              this.ogrenciList = result.items;
              this.primengDatatableHelper.records = result.items;
              this.primengDatatableHelper.totalRecordsCount = result.items.length;
              this.primengDatatableHelper.hideLoadingIndicator();
          });
  
      }
  
  }
  

  .html file

  <div [@routerTransition]>
      <div class="row margin-bottom-5">
          <div class="col-xs-6">
              <div class="page-head">
                  <div class="page-title">
                      <h1>
                          <span>{{l("Student")}}</span>
                      </h1>
                  </div>
              </div>
          </div>
          <div class="col-xs-6 text-right">
          </div>
      </div>
  
      <div class="portlet light margin-bottom-0">
          <div class="portlet-body">
              <div class="primeng-datatable-container" [busyIf]="primengDatatableHelper.isLoading">
  
           
                  <div class="primeng-paging-container">
                      <p-paginator rows="{{primengDatatableHelper.defaultRecordsCountPerPage}}"
                                   #paginator
                                   (onPageChange)="getOgrenci($event)"
                                   [totalRecords]="primengDatatableHelper.totalRecordsCount"
                                   [rowsPerPageOptions]="primengDatatableHelper.predefinedRecordsCountPerPage">
                      </p-paginator>
                      <span class="total-records-count">
                          {{l('TotalRecordsCount', primengDatatableHelper.totalRecordsCount)}}
                      </span>
                  </div>
              </div>
          </div>
  
      </div>
  
  
  </div>
  

  Save Cancel
• 

  0

  gbadenhorst created 6 years ago

  Hi,

  The import of the following worked for me including the suggested DataTabbleModule:

  main.module.ts: import { DataTableModule } from 'primeng/primeng'; import { PaginatorModule } from 'primeng/primeng';

  and the adding it to the ngmodule imports.

  Thank you!

  Regards, Gideon Badenhorst

  Save Cancel
• 

  0

  ismcagdas created 6 years ago

  Support Team

  Hi @fastsoft,

  Did it worked for you as well ?

  Save Cancel