Tuesday 14 June 2022

Angular Ag Grid modular based import

 Enterprise version 

(To use row grouping etc)

Pacakge.json

    "dependencies": {

        "@ag-grid-community/angular": "23.2.1",

        "@ag-grid-enterprise/all-modules": "23.2.1",

        "@ag-grid-community/client-side-row-model": "23.2.1",}


Main.ts

import { enableProdMode } from '@angular/core';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';


import { AppModule } from './app/app.module';

import { environment } from './environments/environment';



import { LicenseManager } from '@ag-grid-enterprise/core';


if (environment.production) {

    enableProdMode();

}


if (environment.agGridLicenseKey) {

    LicenseManager.setLicenseKey(environment.agGridLicenseKey);

}


platformBrowserDynamic().bootstrapModule(AppModule)

    .catch(err => console.error(err));

YourModule.ts

import { AgGridModule } from '@ag-grid-community/angular';

import { AllModules, ModuleRegistry } from "@ag-grid-enterprise/all-modules";


ModuleRegistry.registerModules(AllModules);



YourComponent.ts

import {

    ColDef,

    ColumnApi,

    FilterChangedEvent,

    GridApi,

    GridOptions,

    RowGroupOpenedEvent,

    RowNode,

    FirstDataRenderedEvent,

    GridReadyEvent,

    GridSizeChangedEvent,

    SelectionChangedEvent,

} from '@ag-grid-enterprise/all-modules';

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


YourCompnent.html

    <ag-grid-angular

        class="ag-theme-balham"

        [ngClass]="gridClasses"

        [gridOptions]="gridOptions"

        (gridReady)="onGridReady($event)"

    ></ag-grid-angular>


Community Version


Your Component.html:

    <ag-grid-angular

        [modules]="modules"

    ></ag-grid-angular>


YourCOmponent.ts

import { ColDef, GridApi, GridOptions, GridReadyEvent, RowNode, GridSizeChangedEvent, Module } from '@ag-grid-enterprise/all-modules';

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


    public modules: Module[] = [ClientSideRowModelModule];

No comments:

Post a Comment