Custom Cells Rendering with Angular Directives

[wenhaoParticipant]

Hi, I am trying to integrate an action column with buttons component built with Angular, specifically, I want to know if it is possible to return a template string which includes Angular 10 component selectors in the HTML, and also a few bindings. As an example, I am trying to write: `cellsrenderer: (row: number, column: any, value: string): string => {
return ‘<MyComponent [data]=”someData” (event)=”someEvent()”></MyComponent>’;
}`

I have actually tested a simple scenario where I added the “*ngIf” directive to a span element, but looks like JQGrids turns it to “*ngif” which is not the proper directive name.

Please let me know, thanks…

[adminKeymaster]

Hi wenhao,

That can be achieved by using a Dom Service which we built for that purpose. Please, refer to https://www.jqwidgets.com/angular-components-documentation/documentation/angular-dynamic-components/index.htm in order to learn how to use it in combination with jqxGrid’s cells renderer function.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts