Angular 2 - JSON.stringify() object to show in ag-grid

Question

I have ag-grid and from service I get data that i show in grid like this:

My ts code looks like this:

constructor( private codeService: CodeService ) {
        this.columnDefs = [
                 { headerName: "Name", field: "name"},
                 { headerName: "Property", field: "properties", editable: true },
                            ];
    }

    ngOnInit() {
        this.codeService.getCodeType( this.name ).subscribe(
                response => { this.handleSuccess( response ); },
                error => { console.error( error ); });

    }

    handleSuccess( aaTypes ) {
        var data = [];
        aaTypes.forEach( ( aaType ) => {
            var entriesForType = [];
            entriesForType.push( aaType );    
                if ( entriesForType.length > 0 ) {
                    entriesForType.forEach( entry => data.push( entry ) );
                    this.data = data;
                    if(this.gridOptions.api !== null){
                        this.gridOptions.api.setRowData( data );
                    }
                } 
        });
    }

As you can see... properties are actually object and it shows like that in grid on picture one ...My question is, is there any way for me to stringify that "properties" so it will show like string and not object.. Im ok if it shows something like "{location: 0, color; 255}".

did you try this ag-grid.com/javascript-grid-value-getters/… — Sajeetharan
– Sajeetharan, Commented Dec 20, 2017 at 19:13
I have seen this, but I don't quite understand how can I apply in my case, but it seem that this is just what I need. @Sajeetharan — John Theoden
– John Theoden, Commented Dec 20, 2017 at 19:18

Ron · Accepted Answer · 2017-12-20 19:41:49Z

3

Add a valueFormatter to your columnDefs and create the formatter:

constructor( private codeService: CodeService ) {
    this.columnDefs = [
             { headerName: "Name", field: "name"},
             { headerName: "Property", field: "properties", valueFormatter: jsonFormatter, editable: true },
                        ];
}

function jsonFormatter(d) {
     return JSON.stringify(d);
}

answered Dec 20, 2017 at 19:41

Ron

2092 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 - JSON.stringify() object to show in ag-grid

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related