Kesulitan mengatur tabel sampel. “Tidak dapat menemukan model baris yang cocok untuk rowModelType clientSide”

11

Saya telah melalui tutorial "Memulai" untuk ag-grid pada proyek baru. Selesaikan semua langkah tetapi mendapat pesan kesalahan

ag-Grid: could not find matching row model for rowModelType clientSide
ag-Grid: Row Model "Client Side" not found. Please ensure the ClientSideRowModelModule is loaded using: import '@ag-grid-community/client-side-row-model';

Membandingkan semua kode saya dengan contoh-contoh yang disediakan dalam tutorial dan beberapa contoh plunker, dan tidak melihat adanya perbedaan. Sudah mencoba mengimpor ClientSideRowModelModule ke app.module tetapi antarmuka tidak cocok dengan apa yang diminta sudut, sehingga tidak berfungsi. Saya kehabisan ide dan gagal menemukan info tentang cara memperbaikinya.

app.module.ts:

    ... imports: [
    BrowserModule,
    AppRoutingModule,
    AgGridModule.withComponents([])
  ],...

app.cpmponent.html:

<ag-grid-angular 
style="width: 500px; height: 500px;" 
class="ag-theme-balham"
[rowData]="rowData" 
[columnDefs]="columnDefs"
 >
</ag-grid-angular>

app.component.ts:

    ...columnDefs = [
      {headerName: 'Make', field: 'make' },
      {headerName: 'Model', field: 'model' },
      {headerName: 'Price', field: 'price'}
  ];

  rowData = [
      { make: 'Toyota', model: 'Celica', price: 35000 },
      { make: 'Ford', model: 'Mondeo', price: 32000 },
      { make: 'Porsche', model: 'Boxter', price: 72000 }
  ];...

Saya menggunakan Angular: 8.2.10, Angular CLI: 8.2.2, npm: 6.9.0

ag-grid-angular Sergey Smirnov
sumber

Jawaban:

5

Di app.component.ts Anda, Anda harus terlebih dahulu mengimpor ClientSideRowModelModule

import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';

Kemudian di dalam kelas AppComponent, Anda perlu membuat variabel array modul seperti ini:

modules: Module[] = [ClientSideRowModelModule];

Terakhir, di app.component.html Anda, Anda harus mengikatnya ke komponen ag-grid-angular

<ag-grid-angular 
style="width: 500px; height: 500px;" 
class="ag-theme-balham"
[rowData]="rowData" 
[columnDefs]="columnDefs"
[modules]="modules"
 >
</ag-grid-angular>

Untuk sumber daya lebih lanjut lihat dokumentasi AgGrid , itu adalah langkah 3 tentang menginstal Modul AgGrid.

Brian Roadifer
sumber
1
Terima kasih banyak! Saya seharusnya menghabiskan sedikit lebih banyak waktu membaca dokumentasinya
Sergey Smirnov
Apa yang terjadi ketika Anda menggunakan versi perusahaan? Saya mengimpor semua modul ag-grid dan saya bisa melihatnya termasuk yang ini, namun saya masih mendapatkan kesalahan yang sama: /
Stevie Star
@StevieStar saya juga menghadapi masalah yang sama, masalah terselesaikan untuk Anda?
Ruchi Gupta
0

Untuk mengatasi masalah ini, saya harus terlebih dahulu mengimpor ModuleRegistry dan AllCommunityModules di maint.ts dan menambahkan ModuleRegistry.registerModules (AllCommunityModules); di bawah sebelum platformBrowserDynamic (). bootstrapModule (AppModule) seperti:

import { ModuleRegistry, AllCommunityModules } from '@ag-grid-community/all-modules';


ModuleRegistry.registerModules(AllCommunityModules);
platformBrowserDynamic().bootstrapModule(AppModule)
 .catch(err => console.error(err));

Terakhir, dalam komponen (misalnya users.component.ts ) saya menggunakannya dengan mengimpor AllCommunityModules dan mendeklarasikan variabel seperti:

import { AllCommunityModules } from '@ag-grid-community/all-modules';


public modules: Module[] = AllCommunityModules;

Saya mendapat ide dari jawaban ini di sini

omostan
sumber
0

Saya telah menggunakan versi komunitas tanpa masalah. Saya baru saja mengunduh percobaan perusahaan dan semuanya berubah. Ketika saya mengalami masalah ini, saya mengetahui bahwa [modul] = "modul" diperlukan di grid. Untuk itu diperlukan dua baris ini untuk disertakan pada komponen:

import { AllModules } from '@ag-grid-enterprise/all-modules';
modules: Module[] = AllModules;

Saya belum pernah melakukan ini sebelumnya dalam versi komunitas, tetapi dengan cepat memperbaiki masalah ini. Jawaban yang diterima di atas menyatakan apa yang perlu terjadi ketika aplikasi Anda hanya mengintegrasikan modul individual. Per dokumentasi : "Jika Anda memilih untuk memilih masing-masing modul maka minimal Model Baris perlu ditentukan. Setelah itu semua modul lain adalah opsional tergantung pada kebutuhan Anda".

Briana Finney
sumber