@syncfusion/ej2-pivotview 19.3.53 → 19.4.40

package/src/common/popups/aggregate-menu.js

@@ -34,28 +34,39 @@ var AggregateMenu = /** @class */ (function () {
     AggregateMenu.prototype.openContextMenu = function (args) {
         var _this = this;
         var fieldName = args.target.parentElement.id;
+        var fieldInfo = PivotUtil.getFieldInfo(fieldName, this.parent);
         this.buttonElement = args.target.parentElement;
         var isStringField = this.parent.engineModule.fieldList[fieldName].type !== 'number' ? 1 : 0;
         this.summaryTypes = this.getMenuItem(isStringField).slice();
+        this.parent.actionObj.actionName = events.aggregateField;
+        this.parent.actionObj.fieldInfo = fieldInfo.fieldItem;
+        if (this.parent.actionBeginMethod()) {
+            return;
+        }
         var eventArgs = {
             cancel: false, fieldName: fieldName, aggregateTypes: this.summaryTypes, displayMenuCount: 7
         };
         var control = this.parent.getModuleName() === 'pivotfieldlist' && this.parent.isPopupView ?
             this.parent.pivotGridModule : this.parent;
-        control.trigger(events.aggregateMenuOpen, eventArgs, function (observedArgs) {
-            if (!observedArgs.cancel) {
-                _this.summaryTypes = observedArgs.aggregateTypes;
-                _this.createContextMenu(isStringField, observedArgs.displayMenuCount);
-                _this.currentMenu = args.target;
-                var pos = _this.currentMenu.getBoundingClientRect();
-                if (_this.parent.enableRtl) {
-                    _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left - 105);
-                }
-                else {
-                    _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left);
+        try {
+            control.trigger(events.aggregateMenuOpen, eventArgs, function (observedArgs) {
+                if (!observedArgs.cancel) {
+                    _this.summaryTypes = observedArgs.aggregateTypes;
+                    _this.createContextMenu(isStringField, observedArgs.displayMenuCount);
+                    _this.currentMenu = args.target;
+                    var pos = _this.currentMenu.getBoundingClientRect();
+                    if (_this.parent.enableRtl) {
+                        _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left - 105);
+                    }
+                    else {
+                        _this.menuInfo[isStringField].open(pos.top + (window.scrollY || document.documentElement.scrollTop), pos.left);
+                    }
                 }
-            }
-        });
+            });
+        }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
     };
     AggregateMenu.prototype.createContextMenu = function (isStringField, displayMenuCount) {
         var _this = this;
@@ -332,31 +343,42 @@ var AggregateMenu = /** @class */ (function () {
     AggregateMenu.prototype.selectOptionInContextMenu = function (menu) {
         if (menu.item.text !== null) {
             var buttonElement = this.currentMenu.parentElement;
-            var type = menu.item.id.split('_').pop();
-            if (type === 'MoreOption' || type === 'PercentageOfDifferenceFrom'
-                || type === 'PercentageOfParentTotal' || type === 'DifferenceFrom') {
-                this.createValueSettingsDialog(buttonElement, this.parentElement, type);
+            var fieldInfo = PivotUtil.getFieldInfo((buttonElement ? buttonElement.id : ''), this.parent);
+            this.parent.actionObj.actionName = events.aggregateField;
+            this.parent.actionObj.fieldInfo = fieldInfo.fieldItem;
+            if (this.parent.actionBeginMethod()) {
+                return;
             }
-            else {
-                var field = buttonElement.getAttribute('data-uid');
-                var valuefields = this.parent.dataSourceSettings.values;
-                var contentElement = buttonElement.querySelector('.e-content');
-                var captionName = menu.item.text + ' ' + this.parent.localeObj.getConstant('of') + ' ' +
-                    this.parent.engineModule.fieldList[field].caption;
-                contentElement.innerHTML = captionName;
-                contentElement.setAttribute('title', captionName);
-                buttonElement.setAttribute('data-type', type);
-                for (var vCnt = 0; vCnt < this.parent.dataSourceSettings.values.length; vCnt++) {
-                    if (this.parent.dataSourceSettings.values[vCnt].name === field) {
-                        var dataSourceItem = extend({}, valuefields[vCnt].properties ?
-                            valuefields[vCnt].properties : valuefields[vCnt], null, true);
-                        dataSourceItem.type = type;
-                        this.parent.engineModule.fieldList[field].aggregateType = type;
-                        valuefields.splice(vCnt, 1, dataSourceItem);
-                        this.parent.lastAggregationInfo = dataSourceItem;
+            var type = menu.item.id.split('_').pop();
+            try {
+                if (type === 'MoreOption' || type === 'PercentageOfDifferenceFrom'
+                    || type === 'PercentageOfParentTotal' || type === 'DifferenceFrom') {
+                    this.createValueSettingsDialog(buttonElement, this.parentElement, type);
+                }
+                else {
+                    var field = buttonElement.getAttribute('data-uid');
+                    var valuefields = this.parent.dataSourceSettings.values;
+                    var contentElement = buttonElement.querySelector('.e-content');
+                    var captionName = menu.item.text + ' ' + this.parent.localeObj.getConstant('of') + ' ' +
+                        this.parent.engineModule.fieldList[field].caption;
+                    contentElement.innerHTML = captionName;
+                    contentElement.setAttribute('title', captionName);
+                    buttonElement.setAttribute('data-type', type);
+                    for (var vCnt = 0; vCnt < this.parent.dataSourceSettings.values.length; vCnt++) {
+                        if (this.parent.dataSourceSettings.values[vCnt].name === field) {
+                            var dataSourceItem = extend({}, valuefields[vCnt].properties ?
+                                valuefields[vCnt].properties : valuefields[vCnt], null, true);
+                            dataSourceItem.type = type;
+                            this.parent.engineModule.fieldList[field].aggregateType = type;
+                            valuefields.splice(vCnt, 1, dataSourceItem);
+                            this.parent.lastAggregationInfo = dataSourceItem;
+                        }
                     }
+                    this.updateDataSource();
                 }
-                this.updateDataSource();
+            }
+            catch (execption) {
+                this.parent.actionFailureMethod(execption);
             }
         }
     };

package/src/common/popups/drillthrough-dialog.js

@@ -48,142 +48,159 @@ var DrillThroughDialog = /** @class */ (function () {
             this.clonedData.push(this.frameHeaderWithKeys(eventArgs.rawData[i]));
         }
         var actualText = eventArgs.currentCell.actualText.toString();
-        if (this.parent.currentView === 'Table' && this.engine.fieldList[actualText].aggregateType !== 'Count' && this.parent.editSettings.allowInlineEditing &&
-            this.parent.editSettings.allowEditing && eventArgs.rawData.length === 1 &&
-            this.engine.fieldList[actualText].aggregateType !== 'DistinctCount' && typeof (eventArgs.rawData[0][actualText]) !== 'string') {
-            this.editCell(eventArgs);
-        }
-        else {
-            this.removeDrillThroughDialog();
-            var drillThroughDialog = createElement('div', {
-                id: this.parent.element.id + '_drillthrough',
-                className: cls.DRILLTHROUGH_DIALOG
-            });
-            this.parent.element.appendChild(drillThroughDialog);
-            this.dialogPopUp = new Dialog({
-                animationSettings: { effect: 'Fade' },
-                allowDragging: false,
-                header: this.parent.localeObj.getConstant('details'),
-                content: this.createDrillThroughGrid(eventArgs),
-                beforeOpen: function () {
-                    _this.drillThroughGrid.setProperties({
-                        dataSource: _this.parent.editSettings.allowEditing ?
-                            _this.dataWithPrimarykey(eventArgs) : _this.gridData,
-                        height: !_this.parent.editSettings.allowEditing ? 300 : 220
-                    }, false);
-                },
-                beforeClose: function () {
-                    if (_this.parent.editSettings.allowEditing && _this.isUpdated) {
-                        if (_this.parent.dataSourceSettings.type === 'CSV') {
-                            _this.updateData(_this.drillThroughGrid.dataSource);
-                        }
-                        var gridIndexObjectsValue = Object.keys(_this.gridIndexObjects);
-                        var previousPosition = [];
-                        for (var _i = 0, gridIndexObjectsValue_1 = gridIndexObjectsValue; _i < gridIndexObjectsValue_1.length; _i++) {
-                            var value = gridIndexObjectsValue_1[_i];
-                            previousPosition.push(_this.gridIndexObjects[value]);
-                        }
-                        var count = Object.keys(_this.gridIndexObjects).length;
-                        var addItems = [];
-                        var prevItems = [];
-                        var index = 0;
-                        /* eslint-disable @typescript-eslint/dot-notation */
-                        for (var _a = 0, _b = _this.drillThroughGrid.dataSource; _a < _b.length; _a++) {
-                            var item = _b[_a];
-                            if (isNullOrUndefined(item['__index']) || item['__index'] === '') {
-                                for (var _c = 0, _d = _this.engine.fields; _c < _d.length; _c++) {
-                                    var field = _d[_c];
-                                    if (isNullOrUndefined(item[field])) {
-                                        delete item[field];
-                                    }
-                                }
-                                delete item['__index'];
-                                addItems.push(item);
+        try {
+            if (this.parent.currentView === 'Table' && this.engine.fieldList[actualText].aggregateType !== 'Count' && this.parent.editSettings.allowInlineEditing &&
+                this.parent.editSettings.allowEditing && eventArgs.rawData.length === 1 &&
+                this.engine.fieldList[actualText].aggregateType !== 'DistinctCount' && typeof (eventArgs.rawData[0][actualText]) !== 'string') {
+                this.parent.actionObj.actionName = events.editRecord;
+                if (this.parent.actionBeginMethod()) {
+                    return;
+                }
+                this.editCell(eventArgs);
+            }
+            else {
+                this.removeDrillThroughDialog();
+                var drillThroughDialog = createElement('div', {
+                    id: this.parent.element.id + '_drillthrough',
+                    className: cls.DRILLTHROUGH_DIALOG
+                });
+                this.parent.element.appendChild(drillThroughDialog);
+                this.dialogPopUp = new Dialog({
+                    animationSettings: { effect: 'Fade' },
+                    allowDragging: false,
+                    header: this.parent.localeObj.getConstant('details'),
+                    content: this.createDrillThroughGrid(eventArgs),
+                    beforeOpen: function () {
+                        _this.drillThroughGrid.setProperties({
+                            dataSource: _this.parent.editSettings.allowEditing ?
+                                _this.dataWithPrimarykey(eventArgs) : _this.gridData,
+                            height: !_this.parent.editSettings.allowEditing ? 300 : 220
+                        }, false);
+                    },
+                    beforeClose: function () {
+                        if (_this.parent.editSettings.allowEditing && _this.isUpdated) {
+                            if (_this.parent.dataSourceSettings.type === 'CSV') {
+                                _this.updateData(_this.drillThroughGrid.dataSource);
                             }
-                            else if (count > 0) {
-                                delete _this.gridIndexObjects[item['__index'].toString()];
-                                prevItems.push(item);
-                                count--;
+                            var gridIndexObjectsValue = Object.keys(_this.gridIndexObjects);
+                            var previousPosition = [];
+                            for (var _i = 0, gridIndexObjectsValue_1 = gridIndexObjectsValue; _i < gridIndexObjectsValue_1.length; _i++) {
+                                var value = gridIndexObjectsValue_1[_i];
+                                previousPosition.push(_this.gridIndexObjects[value]);
                             }
-                            if (_this.parent.dataSourceSettings.mode === 'Server') {
-                                if (item['__index']) {
+                            var count = Object.keys(_this.gridIndexObjects).length;
+                            var addItems = [];
+                            var prevItems = [];
+                            var index = 0;
+                            /* eslint-disable @typescript-eslint/dot-notation */
+                            for (var _a = 0, _b = _this.drillThroughGrid.dataSource; _a < _b.length; _a++) {
+                                var item = _b[_a];
+                                if (isNullOrUndefined(item['__index']) || item['__index'] === '') {
+                                    for (var _c = 0, _d = _this.engine.fields; _c < _d.length; _c++) {
+                                        var field = _d[_c];
+                                        if (isNullOrUndefined(item[field])) {
+                                            delete item[field];
+                                        }
+                                    }
                                     delete item['__index'];
+                                    addItems.push(item);
                                 }
-                                if (_this.gridData[index]['__index']) {
-                                    delete _this.gridData[index]['__index'];
+                                else if (count > 0) {
+                                    delete _this.gridIndexObjects[item['__index'].toString()];
+                                    prevItems.push(item);
+                                    count--;
                                 }
+                                if (_this.parent.dataSourceSettings.mode === 'Server') {
+                                    if (item['__index']) {
+                                        delete item['__index'];
+                                    }
+                                    if (_this.gridData[index]['__index']) {
+                                        delete _this.gridData[index]['__index'];
+                                    }
+                                }
+                                index++;
                             }
-                            index++;
-                        }
-                        count = 0;
-                        if (_this.parent.dataSourceSettings.mode === 'Server') {
-                            var gridIndex = []; /* eslint-disable-line */
-                            var keys = Object.keys(_this.gridIndexObjects);
-                            for (var len = 0; len < keys.length; len++) {
-                                delete _this.parent.drillThroughValue.indexObject[_this.gridIndexObjects[keys[len]]];
-                                gridIndex.push({ Key: keys[len], Value: _this.gridIndexObjects[keys[len]] }); /* eslint-disable-line */
-                            }
-                            var indexObject = []; /* eslint-disable-line */
-                            keys = Object.keys(_this.parent.drillThroughValue.indexObject);
-                            for (var len = 0; len < keys.length; len++) {
-                                indexObject.push({ Key: keys[len], Value: _this.parent.drillThroughValue.indexObject[keys[len]] }); /* eslint-disable-line */
+                            count = 0;
+                            if (_this.parent.dataSourceSettings.mode === 'Server') {
+                                var gridIndex = []; /* eslint-disable-line */
+                                var keys = Object.keys(_this.gridIndexObjects);
+                                for (var len = 0; len < keys.length; len++) {
+                                    delete _this.parent.drillThroughValue.indexObject[_this.gridIndexObjects[keys[len]]];
+                                    gridIndex.push({ Key: keys[len], Value: _this.gridIndexObjects[keys[len]] }); /* eslint-disable-line */
+                                }
+                                var indexObject = []; /* eslint-disable-line */
+                                keys = Object.keys(_this.parent.drillThroughValue.indexObject);
+                                for (var len = 0; len < keys.length; len++) {
+                                    indexObject.push({ Key: keys[len], Value: _this.parent.drillThroughValue.indexObject[keys[len]] }); /* eslint-disable-line */
+                                }
+                                _this.parent.getEngine('updateRawData', null, null, null, null, null, null, null, { 'addedData': addItems, 'removedData': gridIndex, 'updatedData': prevItems, indexObject: indexObject });
                             }
-                            _this.parent.getEngine('updateRawData', null, null, null, null, null, null, null, { 'addedData': addItems, 'removedData': gridIndex, 'updatedData': prevItems, indexObject: indexObject });
-                        }
-                        else {
-                            var items = [];
-                            var data = (_this.parent.allowDataCompression && _this.parent.enableVirtualization) ?
-                                _this.parent.engineModule.actualData : _this.parent.engineModule.data;
-                            for (var _e = 0, _f = data; _e < _f.length; _e++) {
-                                var item = _f[_e];
-                                delete item['__index'];
-                                if (_this.gridIndexObjects[count.toString()] === undefined) {
-                                    items.push(item);
+                            else {
+                                var items = [];
+                                var data = (_this.parent.allowDataCompression && _this.parent.enableVirtualization) ?
+                                    _this.parent.engineModule.actualData : _this.parent.engineModule.data;
+                                for (var _e = 0, _f = data; _e < _f.length; _e++) {
+                                    var item = _f[_e];
+                                    delete item['__index'];
+                                    if (_this.gridIndexObjects[count.toString()] === undefined) {
+                                        items.push(item);
+                                    }
+                                    count++;
+                                }
+                                /* eslint-enable @typescript-eslint/dot-notation */
+                                items = items.concat(addItems);
+                                var eventArgs_1 = {
+                                    currentData: _this.drillThroughGrid.dataSource,
+                                    previousData: _this.clonedData,
+                                    previousPosition: previousPosition,
+                                    cancel: false
+                                };
+                                _this.parent.trigger(events.editCompleted, eventArgs_1);
+                                if (!eventArgs_1.cancel) {
+                                    _this.parent.setProperties({ dataSourceSettings: { dataSource: items } }, true);
+                                    _this.engine.updateGridData(_this.parent.dataSourceSettings);
+                                    _this.parent.pivotValues = _this.engine.pivotValues;
                                 }
-                                count++;
                             }
-                            /* eslint-enable @typescript-eslint/dot-notation */
-                            items = items.concat(addItems);
-                            var eventArgs_1 = {
-                                currentData: _this.drillThroughGrid.dataSource,
-                                previousData: _this.clonedData,
-                                previousPosition: previousPosition,
-                                cancel: false
+                            _this.parent.actionObj.actionName = events.recordUpdated;
+                            var actionInfo = {
+                                editInfo: {
+                                    type: _this.drillThroughGrid.editSettings.mode, action: 'Update', currentData: _this.drillThroughGrid.dataSource,
+                                    previousData: _this.clonedData, previousPosition: previousPosition
+                                }
                             };
-                            _this.parent.trigger(events.editCompleted, eventArgs_1);
-                            if (!eventArgs_1.cancel) {
-                                _this.parent.setProperties({ dataSourceSettings: { dataSource: items } }, true);
-                                _this.engine.updateGridData(_this.parent.dataSourceSettings);
-                                _this.parent.pivotValues = _this.engine.pivotValues;
-                            }
+                            _this.parent.actionObj.actionInfo = actionInfo;
                         }
-                    }
-                    _this.isUpdated = false;
-                    _this.gridIndexObjects = {};
-                },
-                isModal: true,
-                visible: true,
-                showCloseIcon: true,
-                locale: this.parent.locale,
-                enableRtl: this.parent.enableRtl,
-                width: this.parent.isAdaptive ? '100%' : '60%',
-                position: { X: 'center', Y: 'center' },
-                closeOnEscape: !this.parent.editSettings.allowEditing,
-                target: document.body,
-                close: this.removeDrillThroughDialog.bind(this)
-            });
-            this.dialogPopUp.isStringTemplate = true;
-            this.dialogPopUp.appendTo(drillThroughDialog);
-            // this.dialogPopUp.element.querySelector('.e-dlg-header').innerHTML = this.parent.localeObj.getConstant('details');
-            setStyleAttribute(this.dialogPopUp.element, { 'visibility': 'visible' });
-            if (this.parent.editSettings.allowEditing) {
-                this.drillthroughKeyboardModule = new KeyboardEvents(this.dialogPopUp.element, {
-                    keyAction: this.drillthroughKeyActionHandler.bind(this),
-                    keyConfigs: this.drillKeyConfigs,
-                    eventName: 'keydown'
+                        _this.isUpdated = false;
+                        _this.gridIndexObjects = {};
+                    },
+                    isModal: true,
+                    visible: true,
+                    showCloseIcon: true,
+                    locale: this.parent.locale,
+                    enableRtl: this.parent.enableRtl,
+                    width: this.parent.isAdaptive ? '100%' : '60%',
+                    position: { X: 'center', Y: 'center' },
+                    closeOnEscape: !this.parent.editSettings.allowEditing,
+                    target: document.body,
+                    close: this.removeDrillThroughDialog.bind(this)
                 });
+                this.dialogPopUp.isStringTemplate = true;
+                this.dialogPopUp.appendTo(drillThroughDialog);
+                // this.dialogPopUp.element.querySelector('.e-dlg-header').innerHTML = this.parent.localeObj.getConstant('details');
+                setStyleAttribute(this.dialogPopUp.element, { 'visibility': 'visible' });
+                if (this.parent.editSettings.allowEditing) {
+                    this.drillthroughKeyboardModule = new KeyboardEvents(this.dialogPopUp.element, {
+                        keyAction: this.drillthroughKeyActionHandler.bind(this),
+                        keyConfigs: this.drillKeyConfigs,
+                        eventName: 'keydown'
+                    });
+                }
             }
         }
+        catch (execption) {
+            this.parent.actionFailureMethod(execption);
+        }
     };
     DrillThroughDialog.prototype.editCell = function (eventArgs) {
         var _this = this;
@@ -199,6 +216,10 @@ var DrillThroughDialog = /** @class */ (function () {
         if (eventArgs.currentCell.actualText in previousData) {
             currentData[eventArgs.currentCell.actualText] = eventArgs.currentCell.actualValue;
         }
+        var actionInfo = {
+            editInfo: { type: 'Inline editing', action: 'update', data: this.gridData }
+        };
+        this.parent.actionObj.actionInfo = actionInfo;
         this.numericTextBox = new NumericTextBox({
             value: cellValue,
             enableRtl: this.parent.enableRtl,
@@ -263,6 +284,10 @@ var DrillThroughDialog = /** @class */ (function () {
     };
     DrillThroughDialog.prototype.removeDrillThroughDialog = function () {
         if (this.dialogPopUp && !this.dialogPopUp.isDestroyed) {
+            this.parent.actionObj.actionName = events.drillThroughClosed;
+            if (this.parent.actionObj.actionName) {
+                this.parent.actionCompleteMethod();
+            }
             this.dialogPopUp.destroy();
         }
         var dialogElement = document.getElementById(this.parent.element.id + '_drillthrough');
@@ -275,6 +300,7 @@ var DrillThroughDialog = /** @class */ (function () {
     };
     /* eslint-disable  */
     DrillThroughDialog.prototype.createDrillThroughGrid = function (eventArgs) {
+        var _this = this;
         var drillThroughBody = createElement('div', { id: this.parent.element.id + '_drillthroughbody', className: cls.DRILLTHROUGH_BODY_CLASS });
         var drillThroughBodyHeader = createElement('div', {
             id: this.parent.element.id +
@@ -352,31 +378,53 @@ var DrillThroughDialog = /** @class */ (function () {
         }
         if (this.parent.editSettings.allowEditing) {
             Grid.Inject(Edit, Page);
-            this.drillThroughGrid.editSettings = this.parent.editSettings;
-            if (this.parent.editSettings.allowCommandColumns) {
-                this.drillThroughGrid.editSettings.mode = 'Normal';
-                this.drillThroughGrid.editSettings.allowEditOnDblClick = false;
-                Grid.Inject(CommandColumn);
+            try {
+                this.drillThroughGrid.editSettings = this.parent.editSettings;
+                this.drillThroughGrid.actionBegin = function (args) {
+                    var actionName = (args.requestType == 'save') ? events.saveEditedRecords : (args.requestType == 'add') ? events.addNewRecord : (args.requestType == 'delete') ? events.removeRecord : '';
+                    _this.parent.actionObj.actionName = actionName;
+                    if (_this.parent.actionObj.actionName) {
+                        if (_this.parent.actionBeginMethod()) {
+                            return;
+                        }
+                    }
+                };
+                if (this.parent.editSettings.allowCommandColumns) {
+                    this.drillThroughGrid.editSettings.mode = 'Normal';
+                    this.drillThroughGrid.editSettings.allowEditOnDblClick = false;
+                    Grid.Inject(CommandColumn);
+                    this.drillThroughGrid.columns.push({
+                        headerText: this.parent.localeObj.getConstant('manageRecords'), width: 160, showInColumnChooser: false,
+                        commands: [
+                            { type: 'Edit', buttonOption: { iconCss: ' e-icons e-edit', cssClass: 'e-flat' } },
+                            { type: 'Delete', buttonOption: { iconCss: 'e-icons e-delete', cssClass: 'e-flat' } },
+                            { type: 'Save', buttonOption: { iconCss: 'e-icons e-update', cssClass: 'e-flat' } },
+                            { type: 'Cancel', buttonOption: { iconCss: 'e-icons e-cancel-icon', cssClass: 'e-flat' } }
+                        ]
+                    });
+                }
+                else {
+                    this.drillThroughGrid.editSettings.allowEditOnDblClick = this.parent.editSettings.allowEditOnDblClick;
+                }
                 this.drillThroughGrid.columns.push({
-                    headerText: this.parent.localeObj.getConstant('manageRecords'), width: 160, showInColumnChooser: false,
-                    commands: [
-                        { type: 'Edit', buttonOption: { iconCss: ' e-icons e-edit', cssClass: 'e-flat' } },
-                        { type: 'Delete', buttonOption: { iconCss: 'e-icons e-delete', cssClass: 'e-flat' } },
-                        { type: 'Save', buttonOption: { iconCss: 'e-icons e-update', cssClass: 'e-flat' } },
-                        { type: 'Cancel', buttonOption: { iconCss: 'e-icons e-cancel-icon', cssClass: 'e-flat' } }
-                    ]
+                    field: '__index', visible: false, isPrimaryKey: true, type: 'string', showInColumnChooser: false
                 });
             }
-            else {
-                this.drillThroughGrid.editSettings.allowEditOnDblClick = this.parent.editSettings.allowEditOnDblClick;
+            catch (execption) {
+                this.parent.actionFailureMethod(execption);
             }
-            this.drillThroughGrid.columns.push({
-                field: '__index', visible: false, isPrimaryKey: true, type: 'string', showInColumnChooser: false
-            });
             this.drillThroughGrid.actionComplete = function (args) {
                 if (args.requestType === 'batchsave' || args.requestType === 'save' || args.requestType === 'delete') {
                     dialogModule.isUpdated = true;
                 }
+                _this.parent.actionObj.actionName = _this.parent.getActionCompleteName();
+                var actionInfo = {
+                    editInfo: { type: _this.drillThroughGrid.editSettings.mode, action: args.requestType, data: _this.gridData }
+                };
+                _this.parent.actionObj.actionInfo = actionInfo;
+                if (_this.parent.actionObj.actionName) {
+                    _this.parent.actionCompleteMethod();
+                }
                 if ((dialogModule.drillThroughGrid.editSettings.mode === 'Normal' && args.requestType === 'save' &&
                     dialogModule.drillThroughGrid.element.querySelectorAll('.e-tbar-btn:hover').length > 0 &&
                     !dialogModule.parent.editSettings.allowCommandColumns) || args.requestType === 'batchsave') {

package/src/common/popups/filter-dialog.d.ts

@@ -73,4 +73,5 @@ export declare class FilterDialog {
      */
     closeFilterDialog(): void;
     private removeFilterDialog;
+    private setFocus;
 }

package/src/common/popups/filter-dialog.js

@@ -106,7 +106,6 @@ var FilterDialog = /** @class */ (function () {
                 if (_this.allowExcelLikeFilter) {
                     _this.dialogPopUp.element.querySelector('.e-dlg-closeicon-btn').focus();
                 }
-                _this.parent.control.pivotButtonModule.memberTreeView = _this.parent.filterDialog.memberTreeView;
                 _this.memberTreeView.nodeChecked =
                     _this.parent.control.pivotButtonModule.nodeStateModified.bind(_this.parent.control.pivotButtonModule);
                 _this.allMemberSelect.nodeChecked =
@@ -1122,6 +1121,15 @@ var FilterDialog = /** @class */ (function () {
         if (this.dropMenu && !this.dropMenu.isDestroyed) {
             this.dropMenu.destroy();
         }
+        if (this.memberTreeView && !this.memberTreeView.isDestroyed) {
+            this.memberTreeView.destroy();
+        }
+        if (this.allMemberSelect && !this.allMemberSelect.isDestroyed) {
+            this.allMemberSelect.destroy();
+        }
+        if (this.editorSearch && !this.editorSearch.isDestroyed) {
+            this.editorSearch.destroy();
+        }
         if (document.getElementById(this.parent.parentID + '_LevelDiv-popup')) {
             remove(document.getElementById(this.parent.parentID + '_LevelDiv-popup'));
         }
@@ -1130,11 +1138,24 @@ var FilterDialog = /** @class */ (function () {
     FilterDialog.prototype.removeFilterDialog = function () {
         if (this.dialogPopUp && !this.dialogPopUp.isDestroyed) {
             this.dialogPopUp.destroy();
+            setTimeout(this.setFocus.bind(this));
         }
         if (document.getElementById(this.parent.parentID + '_EditorTreeView')) {
             remove(document.getElementById(this.parent.parentID + '_EditorTreeView'));
         }
     };
+    FilterDialog.prototype.setFocus = function () {
+        if (this.parent.control.pivotButtonModule.parentElement) {
+            var pivotButtons = [].slice.call(this.parent.control.pivotButtonModule.parentElement.querySelectorAll('.e-pivot-button'));
+            for (var _i = 0, pivotButtons_1 = pivotButtons; _i < pivotButtons_1.length; _i++) {
+                var item = pivotButtons_1[_i];
+                if (item.getAttribute('data-uid') === this.parent.control.pivotButtonModule.fieldName) {
+                    item.focus();
+                    break;
+                }
+            }
+        }
+    };
     return FilterDialog;
 }());
 export { FilterDialog };

package/src/common/popups/formatting-dialog.js

@@ -383,6 +383,10 @@ var NumberFormatting = /** @class */ (function () {
         this.parent.trigger(events.numberFormatting, eventArgs, function (observedArgs) {
             if (!observedArgs.cancel) {
                 _this.parent.setProperties({ dataSourceSettings: { formatSettings: observedArgs.formatSettings } }, true);
+                var actionInfo = {
+                    numberFormattingInfo: _this.parent.dataSourceSettings.formatSettings
+                };
+                _this.parent.actionObj.actionInfo = actionInfo;
                 try {
                     _this.parent.updateDataSource(false);
                     _this.dialog.close();

package/src/common/popups/grouping.js

@@ -4,6 +4,7 @@ import { Dialog } from '@syncfusion/ej2-popups';
 import { MaskedTextBox, NumericTextBox } from '@syncfusion/ej2-inputs';
 import { MultiSelect, CheckBoxSelection } from '@syncfusion/ej2-dropdowns';
 import { PivotUtil } from '../../base/util';
+import { PivotExportUtil } from '../../base/export-util';
 import { CheckBox } from '@syncfusion/ej2-buttons';
 import { DateTimePicker } from '@syncfusion/ej2-calendars';
 import * as events from '../../common/base/constant';
@@ -599,7 +600,7 @@ var Grouping = /** @class */ (function () {
                     for (var j = 0, len_1 = field.customGroups.length; j < len_1; j++) {
                         if (field.customGroups[j]) {
                             var group = field.customGroups[j];
-                            if (group.items && PivotUtil.isContainCommonElements(group.items, selectedOptions)) {
+                            if (group.items && PivotExportUtil.isContainCommonElements(group.items, selectedOptions)) {
                                 splicedItems = this.mergeArray(splicedItems, [group.groupName]);
                                 newItems = this.mergeArray(newItems, group.items);
                                 field.customGroups.splice(j, 1);