🍉 Meet Flexmonster Pivot Table & Charts 2.9.Check out all hot features!
Get Free Trial

#1. How to obtain save report format event in Angular 6 and above

Heman asked on June 3, 2019

Is there any way I can consume save report format event?
I need to save report json in my database instead of downloading on client PC.
What I have found so far is the flexmonster.Save(destination, url , callback) method. But no save event!


2 answers

Vera Didenko Vera Didenko Flexmonster June 3, 2019

Hello, Heman,
Thank you for reaching out to us.
We would like to point out that in Flexmonster you can customize the Toolbar to fit your needs.
This means you can add your own custom icons, provide custom behavior for Toolbar tabs, etc.
Hence, the save option can be overridden by specifying a customizeToolbar function in the beforetoolbarcreated parameter:

beforetoolbarcreated: customizeToolbar

This way you can get all the tabs from the Toolbar and specify the needed tab’s new handler. The handler function is responsible for the tab’s behavior.
For example, the Save tab’s behavior can be changed the following way:

function customizeToolbar(toolbar) {
// get all tabs
var tabs = toolbar.getTabs();

toolbar.getTabs = function () {

// change the save tab's behavior
tabs[2].handler = newtabHandler;

return tabs;

var newtabHandler = function() {
// add new functionality here
filename: 'myreport.json',
destination: 'server',
url: 'https://yourserver.com/yourscript.php',
callbackHandler: 'reportSaved'

function reportSaved() {


Here is a JSFiddle example for illustration.
Thus, there is no need for having a separate save event.
Please let us know if this solution works fine for you.
We are looking forward to hearing from you.
Best Regards,

Heman June 4, 2019

Thanks Vera, it works as expected!

Please login or Register to Submit Answer