Javascript 导出前的Ag栅格角度格式数据
我有要导出的网格:Javascript 导出前的Ag栅格角度格式数据,javascript,angular,ag-grid,ag-grid-angular,Javascript,Angular,Ag Grid,Ag Grid Angular,我有要导出的网格: 初始化columndefs(){ this.columnDefs=[]; 这是推({ headerName:“时间, 字段:“completedTimestamp”, cellRenderer:(参数:任意)=>{ if(参数data.ismomentary) 返回“”; 返回DatagridComponent.DefaultDatetimeCellRenderer(参数); }, 比较器:(valueA:number,valueB:number)=>{ 返回Datagri
初始化columndefs(){
this.columnDefs=[];
这是推({
headerName:“时间,
字段:“completedTimestamp”,
cellRenderer:(参数:任意)=>{
if(参数data.ismomentary)
返回“”;
返回DatagridComponent.DefaultDatetimeCellRenderer(参数);
},
比较器:(valueA:number,valueB:number)=>{
返回DatagridComponent.DefaultDatetimeCellComparator(valueA、valueB);
}
},
{
headerName:“人”,
字段:'人',
cellRenderer:(参数:任意)=>{
如果(!params | |!params.value | | params.value.length{
if(element.name){
titles+=element.name+',';
}
});
返回titles.substring(0,titles.length-1);
}
}
);
}
在export()
函数中,必须添加参数processCellCallback
大概是这样的:
export() {
let header = this.columnDefs.map(columnDef => {
let id = columnDef.field || columnDef.colId || columnDef.value;
let headerName = columnDef.headerName;
return headerName;
});
let a: any;
let params: any = {
fileName: 'export.csv',
columnSeparator: ';',
skipHeader: true,
columnKeys: this.columnDefs.map(c => c.field || c.colId).filter(c => !!c)
};
params.customHeader = header.join(params.columnSeparator) + '\n';
params.processCellCallback = function(cellParams) {
if(cellParams && cellParams.column.colId === 'yourTimestampfield') {
return this.formatter; //apply your timestamp formatter
} else if(cellParams && cellParams.column.colId === 'yourObjectfield') {
return this.formatter; //apply your object formatter
} else
return cellParams.value // no formatting
}
this.grid.api.exportDataAsCsv(params);
}
阅读示例和文档中的更多内容