I am attempting to retrieve custom cellRendererParams within the CustomCellRenderer class

Question

I am attempting to retrieve custom cellRendererParams within the CustomCellRenderer class

I'm currently working with Ag-Grid in my angular application and am trying to implement a custom cell renderer. The tutorial I followed uses ICellRendererParams for the parameter type passed to the init event.

agInit(params: ICellRendererParams): void {
    this.params = params;
    this.type = this.params.type || null;
  }

However, when I attempt to access a custom property from those parameters, the linter throws the error Property 'type' does not exist on type 'ICellRendererParams'. The issue is resolved when I change the type to any. I've also tried creating a custom model class that extends ICellRendererParams, adding the 'type' property to it, and using that class instead of ICellRendererParams. My question is whether this approach is correct or if there is a cleaner way to access a property from the interface.

angular typescript ag-grid ag-grid-angular

Answer 1

Answer №1

Although this response may be late, it presents the correct method to follow.

type ICellRendererParamsWithGridType = ICellRendererParams & { type: string;};

@Component({
  selector: 'cc-course-timing-grid-cell',
  templateUrl: './course-timing-grid-cell.component.html',
  styleUrls: ['./course-timing-grid-cell.component.scss'],
})
export class CourseTimingGridCellComponent {
  gridType!: string;
  getEntitiesToolTip
  constructor() {}
//...
}

Within this code snippet, we are utilizing Intersection Types. The provided code is a more concise version of the following:

interface CustomParamsType{
  type: string;
}
type ICellRendererParamsWithGridType = ICellRendererParams & CustomParamsType;

Answer 2

Although this response may be late, it presents the correct method to follow.

type ICellRendererParamsWithGridType = ICellRendererParams & { type: string;};

@Component({
  selector: 'cc-course-timing-grid-cell',
  templateUrl: './course-timing-grid-cell.component.html',
  styleUrls: ['./course-timing-grid-cell.component.scss'],
})
export class CourseTimingGridCellComponent {
  gridType!: string;
  getEntitiesToolTip
  constructor() {}
//...
}

Within this code snippet, we are utilizing Intersection Types. The provided code is a more concise version of the following:

interface CustomParamsType{
  type: string;
}
type ICellRendererParamsWithGridType = ICellRendererParams & CustomParamsType;

I am attempting to retrieve custom cellRendererParams within the CustomCellRenderer class

Answer №1

Similar questions

What is the best way to streamline the creation of a "products filter" using Node.js and Angular?

Dynamically Disabling Form Control in Angular 2

ag-grid Top-Endless Scrolling

Generate an interactive sitemap.xml in ReactJS for each request made to http://example.com/sitemap.xml

Troubleshooting: Why is the Array in Object not populated with values when passed during Angular App instantiation?

Exiting a void method in JavaScript/Typescript using the return or break statement

Transform array sequences into their own unique sequences

Using Typescript in the package.json as a dependency

When passing an object to a function inside a promise.then, Typescript may generate an error indicating that the object could

Avoid using unnecessary generic types while updating a TypeScript interface on DefinitelyTyped, especially when using DTSLint

Angular Service Worker enhancements across various domains

The Angular application is not able to initiate the POST request

Storage in private Safari mode is not synced between tabs on mobile devices

Encountering challenges with Object-Oriented Programming combined with Typescript: Are you experiencing a

Retrieving a FirebaseObjectObservable child in Angularfire2 is straightforward

Building NextJS with Typescript encountered an error while using @auth0/nextjs-auth0

How to Hide Warning Messages in Angular NPM Package for Production Environment

Is it possible to pass a variable to a text constant in Angular?

Updating a string's value in Angular based on user input

Obtain the data from a promise in Angular