@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 16.2.41 to 16.2.42

CHANGELOG.md

@@ -9,2 +9,24 @@ # Changelog
 
+- Batch confirmation dialog is not shown when we use Excel/Checkbox filter in Grid is resolved.
+- Excel text filter icon does not update with localization is resolved.
+- `setCellValue` not updated the value when we use frozen columns is resolved.
+- Provide `cellSaved` event support for getting the edited data while using batch Editing.
+- column size in IE when grouping is not changing like in chrome is resolved.
+- Bottom rows do not get selected with Virtualization and Grouping is resolved.
+- Script error thrown while refreshing grid in edit state is resolved.
+- Complex data with custom excel filter throws script error is resolved.
+- Invalid filtered data in `datetime` column issue resolved.
+- Empty Grid showed while editing request failed issue resolved.
+- Prevented the script errors while destroying grid.
+- Script error while rendering the grid inside a dialog issue resolved.
+- Complex data with first row null value issue resolved.
+- Success and fail handler triggering issue resolved.
+- Additional parameter not available in menu filter issue resolved.
+
+## 16.2.41 (2018-06-25)
+
+### Grid
+
+#### Bug Fixes
+
 - Group footer template shows incorrect value while using `disablePageWiseAggregate` issue fixed.
@@ -23,2 +45,22 @@ - Unable to sort when set dynamic sort settings in descending order resolved.
 
+## 16.1.48 (2018-06-13)
+
+### Grid
+
+#### Bug Fixes
+
+- Dropdown Editing issue fixed when grid is resides in Dialog
+- Complex object properties missed while batch editing issue fixed.
+- Refreshing grid in edit state while using frozen rows and columns is fixed
+- Sorting in disable state while set dynamic sort settings with descending order issue fixed
+
+## 16.1.47 (2018-06-06)
+
+### Grid
+
+#### Bug Fixes
+
+Memory leak issue with angular routing fixed.
+Sort icon misalignment with auto wrap feature.
+
 ## 16.1.44 (2018-05-18)
@@ -25,0 +67,0 @@

package.json

 {
   "name": "@syncfusion/ej2-grids",
-  "version": "16.2.41",
+  "version": "16.2.42",
   "description": "Essential JS 2 Grid Component",
@@ -12,17 +12,18 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-base": "~16.2.41",
+    "@syncfusion/ej2-buttons": "~16.2.41",
+    "@syncfusion/ej2-calendars": "~16.2.41",
+    "@syncfusion/ej2-compression": "~16.2.41",
     "@syncfusion/ej2-data": "~16.2.41",
-    "@syncfusion/ej2-navigations": "~16.2.41",
+    "@syncfusion/ej2-dropdowns": "~16.2.42",
+    "@syncfusion/ej2-excel-export": "~16.2.41",
+    "@syncfusion/ej2-file-utils": "~16.2.41",
     "@syncfusion/ej2-inputs": "~16.2.41",
-    "@syncfusion/ej2-calendars": "~16.2.41",
-    "@syncfusion/ej2-dropdowns": "~16.2.41",
-    "@syncfusion/ej2-popups": "~16.2.41",
-    "@syncfusion/ej2-buttons": "~16.2.41",
     "@syncfusion/ej2-lists": "~16.2.41",
-    "@syncfusion/ej2-excel-export": "~16.2.41",
+    "@syncfusion/ej2-navigations": "~16.2.41",
     "@syncfusion/ej2-pdf-export": "~16.2.41",
-    "@syncfusion/ej2-file-utils": "~16.2.41",
-    "@syncfusion/ej2-compression": "~16.2.41",
+    "@syncfusion/ej2-popups": "~16.2.41",
     "@syncfusion/ej2-splitbuttons": "~16.2.41"
   },
   "devDependencies": {
+    "@syncfusion/ej2-build": "*",
     "@types/chai": "^3.4.28",
@@ -48,3 +49,15 @@ "@types/es6-promise": "0.0.28",
     "url": "https://github.com/syncfusion/ej2-grids.git"
+  },
+  "scripts": {
+    "test": "gulp ci-test",
+    "compile": "gulp ci-compile",
+    "ci-publish": "gulp ci-publish"
+  },
+  "config": {
+    "ghooks": {
+      "pre-commit": "gulp pre-commit",
+      "pre-push": "gulp pre-push",
+      "commit-msg": "gulp commit-msg"
+    }
   }
 }

ReadMe.md

@@ -29,5 +29,6 @@ # ej2-grids
 2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-grids?utm_source=npm&utm_campaign=grid)
-3. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/data-grid)
-4. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/data-grid)
-5. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/data-grid)
+3. [VueJS](https://www.npmjs.com/package/@syncfusion/ej2-vue-grids?utm_source=npm&utm_campaign=grid)
+4. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/data-grid)
+5. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/data-grid)
+6. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/data-grid)
 
@@ -34,0 +35,0 @@ ## Showcase samples

src/grid/actions/batch-edit.js

@@ -55,3 +55,4 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/enum", "../base/util", "../base/constant", "../renderer/row-renderer", "../renderer/cell-renderer", "../models/row", "../models/cell", "../services/row-model-generator"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, enum_1, util_1, events, row_renderer_1, cell_renderer_1, row_1, cell_1, row_model_generator_1) {
             var tr = util_1.parentsUntil(e.target, 'e-row');
-            if (target && tr && !isNaN(parseInt(target.getAttribute('aria-colindex'), 10))) {
+            if (target && tr && !isNaN(parseInt(target.getAttribute('aria-colindex'), 10))
+                && !target.parentElement.classList.contains('e-editedrow')) {
                 this.editCell(parseInt(tr.getAttribute('aria-rowindex'), 10), this.parent.getColumns()[parseInt(target.getAttribute('aria-colindex'), 10)].field, this.isAddRow(parseInt(tr.getAttribute('aria-rowindex'), 10)));
@@ -179,10 +180,5 @@ }
             }
-            gObj.notify(events.batchCancel, { rows: this.parent.getRowsObject() });
             var args = {
-                requestType: 'batchCancel', type: 'actionBegin', cancel: false
+                requestType: 'batchCancel', rows: this.parent.getRowsObject()
             };
-            gObj.trigger(events.actionBegin, args);
-            if (args.cancel) {
-                return;
-            }
             gObj.notify(events.batchCancel, {
@@ -196,4 +192,4 @@ rows: this.parent.getRowsObject().length ? this.parent.getRowsObject() :
             this.parent.notify(events.tooltipDestroy, {});
-            args = { requestType: 'batchCancel', type: 'actionComplete' };
-            gObj.trigger(events.actionComplete, args);
+            args = { requestType: 'batchCancel', rows: this.parent.getRowsObject() };
+            gObj.trigger(events.batchCancel, args);
         };
@@ -266,2 +262,9 @@ BatchEdit.prototype.deleteRecord = function (fieldname, data) {
                 if (mRow.isDirty) {
+                    var i_1 = 0;
+                    Object.keys(row.changes).forEach(function (key) {
+                        if (i_1 < frzCols) {
+                            delete mRow.changes[key];
+                        }
+                        i_1++;
+                    });
                     ej2_base_1.extend(row.changes, mRow.changes);
@@ -271,3 +274,3 @@ }
             else if (mRow.isDirty) {
-                ej2_base_1.extend(row, mRow);
+                ej2_base_1.extend(row.changes, mRow.changes);
             }
@@ -700,2 +703,3 @@ };
             }
+            gObj.trigger(events.cellSaved, args);
             gObj.notify(events.toolbarRefresh, {});
@@ -702,0 +706,0 @@ this.isColored = false;

src/grid/actions/checkbox-filter.js

@@ -189,2 +189,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "@syncfusion/ej2-buttons", "../base/constant", "../services/value-formatter", "../base/util", "@syncfusion/ej2-popups", "@syncfusion/ej2-inputs", "@syncfusion/ej2-popups", "../base/util"], function (require, exports, ej2_base_1, util_1, ej2_base_2, ej2_data_1, ej2_buttons_1, events, value_formatter_1, util_2, ej2_popups_1, ej2_inputs_1, ej2_popups_2, util_3) {
         CheckBoxFilter.prototype.clearFilter = function () {
+            if (util_1.isActionPrevent(this.parent)) {
+                this.parent.notify(events.preventBatch, { instance: this, handler: this.clearFilter });
+                return;
+            }
             this.options.handler({ action: 'clear-filter', field: this.options.field });
@@ -249,2 +253,9 @@ };
                     coll.push(fObj);
+                    if (util_1.isActionPrevent(this.parent)) {
+                        this.parent.notify(events.preventBatch, {
+                            instance: this, handler: this.fltrBtnHandler, arg1: fObj.field, arg2: fObj.predicate, arg3: fObj.operator,
+                            arg4: fObj.matchCase, arg5: fObj.ignoreAccent, arg6: fObj.value
+                        });
+                        return;
+                    }
                 }
@@ -310,6 +321,7 @@ this.initiateFilter(coll);
                 }
-                predicte = util_1.getDatePredicate({
+                var filterObj = {
                     field: this.options.field, operator: operator, value: parsed, matchCase: matchCase,
                     ignoreAccent: ignoreAccent
-                });
+                };
+                predicte = util_1.getDatePredicate(filterObj, this.options.type);
             }
@@ -610,3 +622,3 @@ if (val.length) {
             if (first.type === 'date' || first.type === 'datetime') {
-                predicate = util_1.getDatePredicate(first);
+                predicate = util_1.getDatePredicate(first, first.type);
             }
@@ -621,3 +633,3 @@ else {
                     if (cols[p].type === 'date' || cols[p].type === 'datetime') {
-                        predicate.predicates.push(util_1.getDatePredicate(cols[p]));
+                        predicate.predicates.push(util_1.getDatePredicate(cols[p], cols[p].type));
                     }
@@ -630,3 +642,3 @@ else {
                     if (cols[p].type === 'date' || cols[p].type === 'datetime') {
-                        predicate = predicate[(cols[p].predicate)](util_1.getDatePredicate(cols[p]), cols[p].ignoreAccent);
+                        predicate = predicate[(cols[p].predicate)](util_1.getDatePredicate(cols[p], cols[p].type), cols[p].ignoreAccent);
                     }
@@ -633,0 +645,0 @@ else {

src/grid/actions/clipboard.js

@@ -151,3 +151,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/constant"], function (require, exports, ej2_base_1, events) {
             this.removeEventListener();
-            ej2_base_1.remove(this.clipBoardTextArea);
+            if (this.clipBoardTextArea) {
+                ej2_base_1.remove(this.clipBoardTextArea);
+            }
         };
@@ -154,0 +156,0 @@ Clipboard.prototype.checkBoxSelection = function () {

src/grid/actions/column-chooser.js

@@ -31,2 +31,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "@syncfusion/ej2-base", "../base/constant", "@syncfusion/ej2-popups", "../base/util", "@syncfusion/ej2-buttons", "../services/focus-strategy"], function (require, exports, ej2_base_1, ej2_data_1, ej2_base_2, events, ej2_popups_1, util_1, ej2_buttons_1, focus_strategy_1) {
         ColumnChooser.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             this.removeEventListener();
@@ -33,0 +37,0 @@ this.unWireEvents();

src/grid/actions/column-menu.js

@@ -38,2 +38,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-navigations", "../base/util", "../base/constant", "@syncfusion/ej2-popups", "@syncfusion/ej2-buttons", "../actions/group", "../actions/sort", "../actions/filter", "../actions/resize"], function (require, exports, ej2_base_1, ej2_base_2, ej2_navigations_1, util_1, events, ej2_popups_1, ej2_buttons_1, group_1, sort_1, filter_1, resize_1) {
         ColumnMenu.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             this.columnMenu.destroy();
@@ -40,0 +44,0 @@ this.removeEventListener();

src/grid/actions/context-menu.js

@@ -385,2 +385,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-navigations", "../base/constant", "../actions/resize", "../actions/page", "../base/util", "../actions/group", "../actions/sort", "../actions/pdf-export", "../actions/excel-export"], function (require, exports, ej2_base_1, ej2_base_2, ej2_navigations_1, events, resize_1, page_1, util_1, group_1, sort_1, pdf_export_1, excel_export_1) {
         ContextMenu.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             this.contextMenu.destroy();
@@ -387,0 +391,0 @@ ej2_base_2.remove(this.element);

src/grid/actions/data.js

@@ -181,3 +181,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/util", "../base/constant", "../services/value-formatter", "../actions/checkbox-filter"], function (require, exports, ej2_base_1, ej2_data_1, util_1, events, value_formatter_1, checkbox_filter_1) {
                             else {
-                                predicateList.push(util_1.getDatePredicate(col));
+                                predicateList.push(util_1.getDatePredicate(col, sType));
                             }
@@ -184,0 +184,0 @@ }

src/grid/actions/detail-row.js

@@ -103,3 +103,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/grid", "../base/util", "../base/constant", "../services/aria-service", "../models/row", "../models/cell", "../base/enum"], function (require, exports, ej2_base_1, grid_1, util_1, events, aria_service_1, row_1, cell_1, enum_1) {
         DetailRow.prototype.destroy = function () {
-            if (this.parent.isDestroyed) {
+            var gridElement = this.parent.element;
+            if (this.parent.isDestroyed || !gridElement || (!gridElement.querySelector('.e-gridheader') &&
+                !gridElement.querySelector('.e-gridcontent'))) {
                 return;
@@ -106,0 +108,0 @@ }

src/grid/actions/edit.js

@@ -372,10 +372,25 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../renderer/edit-renderer", "../renderer/boolean-edit-cell", "../renderer/dropdown-edit-cell", "../renderer/numeric-edit-cell", "../renderer/default-edit-cell", "./inline-edit", "./batch-edit", "./dialog-edit", "@syncfusion/ej2-popups", "../base/util", "@syncfusion/ej2-inputs", "../renderer/datepicker-edit-cell", "@syncfusion/ej2-popups"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, ej2_base_4, events, edit_renderer_1, boolean_edit_cell_1, dropdown_edit_cell_1, numeric_edit_cell_1, default_edit_cell_1, inline_edit_1, batch_edit_1, dialog_edit_1, ej2_popups_1, util_1, ej2_inputs_1, datepicker_edit_cell_1, ej2_popups_2) {
         Edit.prototype.destroy = function () {
-            this.destroyForm();
+            var gridElement = this.parent.element;
+            if (!gridElement) {
+                return;
+            }
+            var hasGridChild = gridElement.querySelector('.e-gridheader') &&
+                gridElement.querySelector('.e-gridcontent') ? true : false;
+            if (hasGridChild) {
+                this.destroyForm();
+            }
             this.removeEventListener();
             var elem = this.dialogObj.element;
-            this.dialogObj.destroy();
-            ej2_base_3.remove(elem);
+            if (elem.childElementCount > 0) {
+                this.dialogObj.destroy();
+                ej2_base_3.remove(elem);
+            }
             elem = this.alertDObj.element;
-            this.alertDObj.destroy();
-            ej2_base_3.remove(elem);
+            if (elem.childElementCount > 0) {
+                this.alertDObj.destroy();
+                ej2_base_3.remove(elem);
+            }
+            if (!hasGridChild) {
+                return;
+            }
             this.unwireEvents();
@@ -419,3 +434,3 @@ if (this.editModule) {
         Edit.prototype.executeAction = function () {
-            this.preventObj.handler.call(this.preventObj.instance, this.preventObj.arg1, this.preventObj.arg2, this.preventObj.arg3, this.preventObj.arg4, this.preventObj.arg5, this.preventObj.arg6, this.preventObj.arg7);
+            this.preventObj.handler.call(this.preventObj.instance, this.preventObj.arg1, this.preventObj.arg2, this.preventObj.arg3, this.preventObj.arg4, this.preventObj.arg5, this.preventObj.arg6, this.preventObj.arg7, this.preventObj.arg8);
         };
@@ -422,0 +437,0 @@ Edit.prototype.applyFormValidation = function (cols) {

src/grid/actions/excel-export.d.ts

@@ -48,3 +48,3 @@ import { IGrid, ExcelExportProperties } from '../base/interface';
     private processInnerRecords(gObj, exportProperties, isMultipleExport, workbook, r);
-    private processRecordContent(gObj, returnType, headerRow, isMultipleExport, currentViewRecords?);
+    private processRecordContent(gObj, returnType, headerRow, isMultipleExport, exportProperties, currentViewRecords?);
     private processGroupedRows(gObj, dataSource, headerRow, level);
@@ -51,0 +51,0 @@ private processRecordRows(gObj, record, headerRow, level);

src/grid/actions/excel-export.js

@@ -146,9 +146,9 @@ define(["require", "exports", "../base/constant", "@syncfusion/ej2-excel-export", "@syncfusion/ej2-base", "../actions/data", "./export-helper", "../services/summary-model-generator", "../base/enum", "@syncfusion/ej2-data"], function (require, exports, events, ej2_excel_export_1, ej2_base_1, data_1, export_helper_1, summary_model_generator_1, enum_1, ej2_data_1) {
             if (!ej2_base_1.isNullOrUndefined(exportProperties) && !ej2_base_1.isNullOrUndefined(exportProperties.dataSource) && !(exportProperties.dataSource instanceof ej2_data_1.DataManager)) {
-                this.processRecordContent(gObj, r, headerRow, isMultipleExport, exportProperties.dataSource);
+                this.processRecordContent(gObj, r, headerRow, isMultipleExport, exportProperties, exportProperties.dataSource);
             }
             else if (!ej2_base_1.isNullOrUndefined(exportProperties) && exportProperties.exportType === 'CurrentPage') {
-                this.processRecordContent(gObj, r, headerRow, isMultipleExport, gObj.getCurrentViewRecords());
+                this.processRecordContent(gObj, r, headerRow, isMultipleExport, exportProperties, gObj.getCurrentViewRecords());
             }
             else {
-                this.processRecordContent(gObj, r, headerRow, isMultipleExport);
+                this.processRecordContent(gObj, r, headerRow, isMultipleExport, exportProperties);
             }
@@ -158,3 +158,3 @@ this.isExporting = false;
         };
-        ExcelExport.prototype.processRecordContent = function (gObj, returnType, headerRow, isMultipleExport, currentViewRecords) {
+        ExcelExport.prototype.processRecordContent = function (gObj, returnType, headerRow, isMultipleExport, exportProperties, currentViewRecords) {
             var column = gObj.columns;
@@ -199,3 +199,8 @@ var record = undefined;
                     if (!this.isBlob) {
-                        book.save('Export.csv');
+                        if (!ej2_base_1.isNullOrUndefined(exportProperties) && exportProperties.fileName) {
+                            book.save(exportProperties.fileName);
+                        }
+                        else {
+                            book.save('Export.csv');
+                        }
                     }
@@ -209,3 +214,8 @@ else {
                     if (!this.isBlob) {
-                        book.save('Export.xlsx');
+                        if (!ej2_base_1.isNullOrUndefined(exportProperties) && exportProperties.fileName) {
+                            book.save(exportProperties.fileName);
+                        }
+                        else {
+                            book.save('Export.xlsx');
+                        }
                     }
@@ -212,0 +222,0 @@ else {

src/grid/actions/excel-filter.js

@@ -11,3 +11,3 @@ var __extends = (this && this.__extends) || (function () {
 })();
-define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "@syncfusion/ej2-navigations", "../actions/checkbox-filter", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "@syncfusion/ej2-popups", "@syncfusion/ej2-dropdowns", "@syncfusion/ej2-inputs", "@syncfusion/ej2-buttons", "../base/util", "../base/constant", "@syncfusion/ej2-calendars"], function (require, exports, ej2_base_1, util_1, ej2_navigations_1, checkbox_filter_1, ej2_base_2, ej2_base_3, ej2_data_1, ej2_popups_1, ej2_dropdowns_1, ej2_inputs_1, ej2_buttons_1, util_2, constant_1, ej2_calendars_1) {
+define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "../base/constant", "@syncfusion/ej2-navigations", "../actions/checkbox-filter", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "@syncfusion/ej2-popups", "@syncfusion/ej2-dropdowns", "@syncfusion/ej2-inputs", "@syncfusion/ej2-buttons", "../base/util", "../base/constant", "@syncfusion/ej2-calendars"], function (require, exports, ej2_base_1, util_1, events, ej2_navigations_1, checkbox_filter_1, ej2_base_2, ej2_base_3, ej2_data_1, ej2_popups_1, ej2_dropdowns_1, ej2_inputs_1, ej2_buttons_1, util_2, constant_1, ej2_calendars_1) {
     "use strict";
@@ -37,3 +37,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
                             text: this.getLocalizedLabel(options[type][i]) + '...',
-                            iconCss: 'e-icons e-icon-check ' + (operator === options[type][i] ? '' : 'e-emptyicon')
+                            iconCss: 'e-icons e-icon-check ' + (operator === options[type][i].toLowerCase() ? '' : 'e-emptyicon')
                         });
@@ -58,3 +58,3 @@ }
             }
-            if (this.cmenu.parentElement) {
+            if (this.cmenu && this.cmenu.parentElement) {
                 ej2_base_1.remove(this.cmenu);
@@ -175,3 +175,3 @@ }
                     this.optrData = this.customFilterOperators[this.options.type + 'Operator'];
-                    selectedMenu = this.getSelectedText(predicates[0].operator);
+                    selectedMenu = predicates[0].operator;
                 }
@@ -227,4 +227,8 @@ }
             var column = this.options.field;
-            var mainDiv = ej2_base_1.createElement('div', { className: 'e-xlfl-maindiv', id: column + '-xlflmenu' });
-            this.dlgDiv = ej2_base_1.createElement('div', { className: 'e-xlflmenu', id: column + '-xlfldlg' });
+            var isComplex = !ej2_base_2.isNullOrUndefined(column) && util_2.isComplexField(column);
+            var complexFieldName = !ej2_base_2.isNullOrUndefined(column) && util_2.getComplexFieldID(column);
+            var mainDiv = ej2_base_1.createElement('div', { className: 'e-xlfl-maindiv',
+                id: isComplex ? complexFieldName + '-xlflmenu' : column + '-xlflmenu' });
+            this.dlgDiv = ej2_base_1.createElement('div', { className: 'e-xlflmenu',
+                id: isComplex ? complexFieldName + '-xlfldlg' : column + '-xlfldlg' });
             this.parent.element.appendChild(this.dlgDiv);
@@ -288,13 +292,16 @@ this.dlgObj = new ej2_popups_1.Dialog({
         ExcelFilter.prototype.filterBtnClick = function (col) {
-            var fValue = this.dlgDiv.querySelector('#' + col + '-xlfl-frstvalue').ej2_instances[0];
-            var fOperator = this.dlgDiv.querySelector('#' + col + '-xlfl-frstoptr').ej2_instances[0];
-            var sValue = this.dlgDiv.querySelector('#' + col + '-xlfl-secndvalue').ej2_instances[0];
-            var sOperator = this.dlgDiv.querySelector('#' + col + '-xlfl-secndoptr').ej2_instances[0];
+            var isComplex = !ej2_base_2.isNullOrUndefined(col) && util_2.isComplexField(col);
+            var complexFieldName = !ej2_base_2.isNullOrUndefined(col) && util_2.getComplexFieldID(col);
+            var colValue = isComplex ? complexFieldName : col;
+            var fValue = this.dlgDiv.querySelector('#' + colValue + '-xlfl-frstvalue').ej2_instances[0];
+            var fOperator = this.dlgDiv.querySelector('#' + colValue + '-xlfl-frstoptr').ej2_instances[0];
+            var sValue = this.dlgDiv.querySelector('#' + colValue + '-xlfl-secndvalue').ej2_instances[0];
+            var sOperator = this.dlgDiv.querySelector('#' + colValue + '-xlfl-secndoptr').ej2_instances[0];
             var checkBoxValue;
             if (this.options.type === 'string') {
-                var checkBox = this.dlgDiv.querySelector('#' + col + '-xlflmtcase').ej2_instances[0];
+                var checkBox = this.dlgDiv.querySelector('#' + colValue + '-xlflmtcase').ej2_instances[0];
                 checkBoxValue = checkBox.checked;
             }
-            var andRadio = this.dlgDiv.querySelector('#' + col + 'e-xlfl-frstpredicate').ej2_instances[0];
-            var orRadio = this.dlgDiv.querySelector('#' + col + 'e-xlfl-secndpredicate').ej2_instances[0];
+            var andRadio = this.dlgDiv.querySelector('#' + colValue + 'e-xlfl-frstpredicate').ej2_instances[0];
+            var orRadio = this.dlgDiv.querySelector('#' + colValue + 'e-xlfl-secndpredicate').ej2_instances[0];
             var predicate = (andRadio.checked ? 'and' : 'or');
@@ -322,2 +329,9 @@ if (sValue.value === null) {
             });
+            if (util_1.isActionPrevent(this.parent)) {
+                this.parent.notify(events.preventBatch, {
+                    instance: this, handler: this.filterByColumn, arg1: fieldName, arg2: firstOperator, arg3: firstValue, arg4: predicate,
+                    arg5: matchCase, arg6: ignoreAccent, arg7: secondOperator, arg8: secondValue
+                });
+                return;
+            }
             mPredicate = new ej2_data_1.Predicate(field, firstOperator.toLowerCase(), firstValue, !matchCase, ignoreAccent);
@@ -375,3 +389,5 @@ if (secondValue) {
             var optrDiv = ej2_base_1.createElement('div', { className: 'e-xlfl-optrdiv' });
-            var optrInput = ej2_base_1.createElement('input', { id: column + elementID });
+            var isComplex = !ej2_base_2.isNullOrUndefined(column) && util_2.isComplexField(column);
+            var complexFieldName = !ej2_base_2.isNullOrUndefined(column) && util_2.getComplexFieldID(column);
+            var optrInput = ej2_base_1.createElement('input', { id: isComplex ? complexFieldName + elementID : column + elementID });
             optrDiv.appendChild(optrInput);
@@ -446,4 +462,6 @@ xlfloptr.appendChild(optrDiv);
             var radioDiv = ej2_base_1.createElement('div', { className: 'e-xlfl-radiodiv', attrs: { 'style': 'display: inline-block' } });
-            var frstpredicate = ej2_base_1.createElement('input', { id: column + 'e-xlfl-frstpredicate', attrs: { 'type': 'radio' } });
-            var secndpredicate = ej2_base_1.createElement('input', { id: column + 'e-xlfl-secndpredicate', attrs: { 'type': 'radio' } });
+            var isComplex = !ej2_base_2.isNullOrUndefined(column) && util_2.isComplexField(column);
+            var complexFieldName = !ej2_base_2.isNullOrUndefined(column) && util_2.getComplexFieldID(column);
+            var frstpredicate = ej2_base_1.createElement('input', { id: isComplex ? complexFieldName + 'e-xlfl-frstpredicate' : column + 'e-xlfl-frstpredicate', attrs: { 'type': 'radio' } });
+            var secndpredicate = ej2_base_1.createElement('input', { id: isComplex ? complexFieldName + 'e-xlfl-secndpredicate' : column + 'e-xlfl-secndpredicate', attrs: { 'type': 'radio' } });
             radioDiv.appendChild(frstpredicate);
@@ -480,4 +498,6 @@ radioDiv.appendChild(secndpredicate);
             optr.fieldElement.appendChild(value);
+            var isComplex = !ej2_base_2.isNullOrUndefined(column) && util_2.isComplexField(column);
+            var complexFieldName = !ej2_base_2.isNullOrUndefined(column) && util_2.getComplexFieldID(column);
             var valueDiv = ej2_base_1.createElement('div', { className: 'e-xlfl-valuediv' });
-            var valueInput = ej2_base_1.createElement('input', { id: column + elementId });
+            var valueInput = ej2_base_1.createElement('input', { id: isComplex ? complexFieldName + elementId : column + elementId });
             valueDiv.appendChild(valueInput);
@@ -503,3 +523,5 @@ value.appendChild(valueDiv);
             var matchCaseDiv = ej2_base_1.createElement('div', { className: 'e-xlfl-matchcasediv', attrs: { 'style': 'display: inline-block' } });
-            var matchCaseInput = ej2_base_1.createElement('input', { id: column + elementId, attrs: { 'type': 'checkbox' } });
+            var isComplex = !ej2_base_2.isNullOrUndefined(column) && util_2.isComplexField(column);
+            var complexFieldName = !ej2_base_2.isNullOrUndefined(column) && util_2.getComplexFieldID(column);
+            var matchCaseInput = ej2_base_1.createElement('input', { id: isComplex ? complexFieldName + elementId : column + elementId, attrs: { 'type': 'checkbox' } });
             matchCaseDiv.appendChild(matchCaseInput);
@@ -553,8 +575,11 @@ matchCase.appendChild(matchCaseDiv);
                 focus: function () {
-                    actObj.filterType = _this.dlgDiv.querySelector('#' + column +
-                        (inputValue.id === (column + '-xlfl-frstvalue') ?
+                    var isComplex = !ej2_base_2.isNullOrUndefined(column) && util_2.isComplexField(column);
+                    var complexFieldName = !ej2_base_2.isNullOrUndefined(column) && util_2.getComplexFieldID(column);
+                    var columnvalue = isComplex ? complexFieldName : column;
+                    actObj.filterType = _this.dlgDiv.querySelector('#' + columnvalue +
+                        (inputValue.id === (columnvalue + '-xlfl-frstvalue') ?
                             '-xlfl-frstoptr' :
                             '-xlfl-secndoptr')).ej2_instances[0].value;
                     actObj.ignoreCase = options.type === 'string' ?
-                        !_this.dlgDiv.querySelector('#' + column + '-xlflmtcase').ej2_instances[0].checked :
+                        !_this.dlgDiv.querySelector('#' + columnvalue + '-xlflmtcase').ej2_instances[0].checked :
                         true;
@@ -561,0 +586,0 @@ actObj.filterType = !ej2_base_2.isNullOrUndefined(actObj.filterType) ? actObj.filterType :

src/grid/actions/filter.js

@@ -59,2 +59,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/constant", "../base/enum", "../renderer/row-renderer", "../models/cell", "../models/row", "../renderer/filter-cell-renderer", "../base/util", "../renderer/filter-menu-renderer", "../actions/checkbox-filter", "../actions/excel-filter"], function (require, exports, ej2_base_1, util_1, ej2_base_2, ej2_data_1, events, enum_1, row_renderer_1, cell_1, row_1, filter_cell_renderer_1, util_2, filter_menu_renderer_1, checkbox_filter_1, excel_filter_1) {
         Filter.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             if (this.filterModule) {
@@ -61,0 +65,0 @@ this.filterModule.destroy();

src/grid/actions/group.js

@@ -622,2 +622,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant", "../services/aria-service"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, util_1, events, aria_service_1) {
         Group.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             if (!this.parent.isDestroyed) {
@@ -624,0 +628,0 @@ this.clearGrouping();

src/grid/actions/normal-edit.js

@@ -124,3 +124,2 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant", "../renderer/row-renderer"], function (require, exports, ej2_base_1, ej2_base_2, util_1, events, row_renderer_1) {
                 gObj.showSpinner();
-                this.destroyElements();
                 gObj.notify(events.updateData, args);
@@ -137,8 +136,3 @@ }
                 }
-                this.destroyElements();
             }
-            this.stopEditStatus();
-            if (gObj.editSettings.mode === 'Dialog' && args.action !== 'add') {
-                gObj.element.querySelector('.e-dlgeditrow').classList.remove('e-dlgeditrow');
-            }
         };
@@ -170,5 +164,11 @@ NormalEdit.prototype.destroyElements = function () {
         NormalEdit.prototype.editSuccess = function (e, args) {
+            var gObj = this.parent;
             if (!ej2_base_2.isNullOrUndefined(e)) {
                 args.data = e;
             }
+            this.destroyElements();
+            this.stopEditStatus();
+            if (gObj.editSettings.mode === 'Dialog' && args.action !== 'add') {
+                gObj.element.querySelector('.e-dlgeditrow').classList.remove('e-dlgeditrow');
+            }
             this.parent.trigger(events.beforeDataBound, args);
@@ -188,2 +188,3 @@ args.type = events.actionComplete;
             this.parent.trigger(events.actionFailure, e);
+            this.parent.hideSpinner();
         };
@@ -190,0 +191,0 @@ NormalEdit.prototype.refreshRow = function (data) {

src/grid/actions/pdf-export.js

@@ -124,3 +124,8 @@ define(["require", "exports", "../base/constant", "@syncfusion/ej2-pdf-export", "@syncfusion/ej2-pdf-export", "@syncfusion/ej2-pdf-export", "@syncfusion/ej2-pdf-export", "@syncfusion/ej2-pdf-export", "@syncfusion/ej2-pdf-export", "./export-helper", "../actions/data", "../services/summary-model-generator", "@syncfusion/ej2-base", "../base/enum", "@syncfusion/ej2-data", "@syncfusion/ej2-base"], function (require, exports, events, ej2_pdf_export_1, ej2_pdf_export_2, ej2_pdf_export_3, ej2_pdf_export_4, ej2_pdf_export_5, ej2_pdf_export_6, export_helper_1, data_1, summary_model_generator_1, ej2_base_1, enum_1, ej2_data_1, ej2_base_2) {
                 if (!this.isBlob) {
-                    this.pdfDocument.save('Export.pdf');
+                    if (!ej2_base_1.isNullOrUndefined(pdfExportProperties) && pdfExportProperties.fileName) {
+                        this.pdfDocument.save(pdfExportProperties.fileName);
+                    }
+                    else {
+                        this.pdfDocument.save('Export.pdf');
+                    }
                 }
@@ -127,0 +132,0 @@ else {

src/grid/actions/reorder.js

@@ -199,3 +199,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, ej2_base_2, util_1, events) {
         Reorder.prototype.destroy = function () {
-            if (this.parent.isDestroyed) {
+            var gridElement = this.parent.element;
+            if (this.parent.isDestroyed || !gridElement || (!gridElement.querySelector('.e-gridheader') &&
+                !gridElement.querySelector('.e-gridcontent'))) {
                 return;
@@ -202,0 +204,0 @@ }

src/grid/actions/resize.js

@@ -109,2 +109,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "../models/column", "../services/width-controller", "../base/constant", "../base/util"], function (require, exports, ej2_base_1, column_1, width_controller_1, events, util_1) {
         Resize.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             this.widthService = null;
@@ -111,0 +115,0 @@ this.unwireEvents();

src/grid/actions/row-reorder.js

@@ -170,2 +170,7 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, util_1, events) {
         RowDD.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (this.parent.isDestroyed || !gridElement || (!gridElement.querySelector('.e-gridheader') &&
+                !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             if (this.parent.isDestroyed) {
@@ -172,0 +177,0 @@ return;

src/grid/actions/scroll.d.ts

@@ -56,2 +56,3 @@ import { IGrid, IAction } from '../base/interface';
     removeEventListener(): void;
+    private setScrollLeft();
     private onContentScroll(scrollTarget);
@@ -58,0 +59,0 @@ private onFreezeContentScroll(scrollTarget);

src/grid/actions/scroll.js

@@ -71,2 +71,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant", "../services/width-controller"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, util_1, constant_1, width_controller_1) {
             this.parent.on(constant_1.uiUpdate, this.onPropertyChanged, this);
+            this.parent.on(constant_1.headerRefreshed, this.setScrollLeft, this);
         };
@@ -80,3 +81,9 @@ Scroll.prototype.removeEventListener = function () {
             this.parent.off(constant_1.uiUpdate, this.onPropertyChanged);
+            this.parent.off(constant_1.headerRefreshed, this.setScrollLeft);
         };
+        Scroll.prototype.setScrollLeft = function () {
+            if (this.parent.frozenColumns) {
+                this.parent.headerModule.getMovableHeader().scrollLeft = this.previousValues.left;
+            }
+        };
         Scroll.prototype.onContentScroll = function (scrollTarget) {
@@ -296,2 +303,6 @@ var _this = this;
         Scroll.prototype.destroy = function () {
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             this.removeEventListener();
@@ -298,0 +309,0 @@ this.removePadding();

src/grid/actions/sort.js

@@ -217,2 +217,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "../base/constant", "../services/aria-service"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, util_1, events, aria_service_1) {
             this.isModelChanged = false;
+            var gridElement = this.parent.element;
+            if (!gridElement || (!gridElement.querySelector('.e-gridheader') && !gridElement.querySelector('.e-gridcontent'))) {
+                return;
+            }
             if (this.parent.element.querySelector('.e-gridpopup').querySelectorAll('.e-sortdirect').length) {
@@ -219,0 +223,0 @@ this.parent.element.querySelector('.e-gridpopup').style.display = 'none';

src/grid/actions/toolbar.js

@@ -47,3 +47,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-navigations", "../base/constant", "../base/util", "../services/focus-strategy"], function (require, exports, ej2_base_1, ej2_base_2, ej2_navigations_1, events, util_1, focus_strategy_1) {
         Toolbar.prototype.destroy = function () {
-            if (!this.toolbar.isDestroyed) {
+            if (this.toolbar && !this.toolbar.isDestroyed) {
                 if (!this.toolbar.element) {
@@ -50,0 +50,0 @@ this.parent.destroyTemplate(['toolbarTemplate']);

src/grid/base/constant.d.ts

@@ -76,2 +76,4 @@ /** @hidden */
 /** @hidden */
+export declare const cellSaved: string;
+/** @hidden */
 export declare const endAdd: string;
@@ -106,2 +108,3 @@ /** @hidden */
 export declare const filterBeforeOpen: string;
+/** @hidden */
 export declare const filterSearchBegin: string;
@@ -108,0 +111,0 @@ /**

src/grid/base/constant.js

@@ -41,2 +41,3 @@ define(["require", "exports"], function (require, exports) {
     exports.cellSave = 'cellSave';
+    exports.cellSaved = 'cellSaved';
     exports.endAdd = 'endAdd';
@@ -43,0 +44,0 @@ exports.endDelete = 'endDelete';

src/grid/base/grid-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, ChildProperty, Browser, closest, extend } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getValue } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, append, remove, classList } from '@syncfusion/ej2-base';import { Property, Collection, Complex, Event, NotifyPropertyChanges, INotifyPropertyChanged, L10n } from '@syncfusion/ej2-base';import { EventHandler, KeyboardEvents, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';import { Query, DataManager, DataUtil } from '@syncfusion/ej2-data';import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';import { createSpinner, hideSpinner, showSpinner, Tooltip } from '@syncfusion/ej2-popups';import { iterateArrayOrObject, prepareColumns, parentsUntil, wrap, templateCompiler, refreshForeignData, getRowHeight } from './util';import * as events from '../base/constant';import { IRenderer, IValueFormatter, IFilterOperator, IIndex, RowDataBoundEventArgs, QueryCellInfoEventArgs } from './interface';import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails, ContextMenuItemModel } from './interface';import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, ExcelExportProperties, PdfExportProperties } from './interface';import { PdfHeaderQueryCellInfoEventArgs, ExcelHeaderQueryCellInfoEventArgs } from './interface';import { ColumnMenuOpenEventArgs, RecordDoubleClickEventArgs, DataResult, PendingState } from './interface';import { HeaderCellInfoEventArgs } from './interface';import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs, ICustomOptr } from './interface';import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';import { BeforeBatchAddArgs, BeforeBatchDeleteArgs, BeforeBatchSaveArgs, ResizeArgs, ColumnMenuItemModel } from './interface';import { BatchAddArgs, BatchDeleteArgs, BeginEditArgs, CellEditArgs, CellSaveArgs, BeforeDataBoundArgs, RowInfo } from './interface';import { DetailDataBoundEventArgs, ColumnChooserEventArgs, AddEventArgs, SaveEventArgs, EditEventArgs, DeleteEventArgs } from './interface';import { ExcelExportCompleteArgs, PdfExportCompleteArgs, DataStateChangeEventArgs, DataSourceChangedEventArgs } from './interface';import { SearchEventArgs, SortEventArgs, ISelectedCell, EJ2Intance, BeforeCopyEventArgs, CheckBoxChangeEventArgs } from './interface';import { Render } from '../renderer/render';import { Column, ColumnModel } from '../models/column';import { Action, SelectionType, GridLine, RenderType, SortDirection, SelectionMode, PrintMode, FilterType, FilterBarMode } from './enum';import { WrapMode, ToolbarItems, ContextMenuItem, ColumnMenuItem, ToolbarItem, CellSelectionMode, EditMode } from './enum';import { Data } from '../actions/data';import { Cell } from '../models/cell';import { RowRenderer } from '../renderer/row-renderer';import { CellRenderer } from '../renderer/cell-renderer';import { CellRendererFactory } from '../services/cell-render-factory';import { ServiceLocator } from '../services/service-locator';import { ValueFormatter } from '../services/value-formatter';import { RendererFactory } from '../services/renderer-factory';import { ColumnWidthService } from '../services/width-controller';import { AriaService } from '../services/aria-service';import { FocusStrategy } from '../services/focus-strategy';import { PageSettingsModel, AggregateRowModel } from '../models/models';import { PageSettings } from '../models/page-settings';import { Sort } from '../actions/sort';import { Page } from '../actions/page';import { Selection } from '../actions/selection';import { Filter } from '../actions/filter';import { Search } from '../actions/search';import { Resize } from '../actions/resize';import { Reorder } from '../actions/reorder';import { RowDD } from '../actions/row-reorder';import { ShowHide } from '../actions/show-hide';import { Scroll } from '../actions/scroll';import { Group } from '../actions/group';import { Print } from '../actions/print';import { DetailRow } from '../actions/detail-row';import { Toolbar } from '../actions/toolbar';import { AggregateRow } from '../models/aggregate';import { Edit } from '../actions/edit';import { Row } from '../models/row';import { ColumnChooser } from '../actions/column-chooser';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Clipboard } from '../actions/clipboard';import { CommandColumn } from '../actions/command-column';import { ContextMenu } from '../actions/context-menu';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { ColumnMenu } from '../actions/column-menu';import { CheckState } from './enum';
+import { Component, ModuleDeclaration, ChildProperty, Browser, closest, extend } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getValue } from '@syncfusion/ej2-base';import { createElement, addClass, removeClass, append, remove, classList } from '@syncfusion/ej2-base';import { Property, Collection, Complex, Event, NotifyPropertyChanges, INotifyPropertyChanged, L10n } from '@syncfusion/ej2-base';import { EventHandler, KeyboardEvents, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';import { Query, DataManager, DataUtil } from '@syncfusion/ej2-data';import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';import { createSpinner, hideSpinner, showSpinner, Tooltip } from '@syncfusion/ej2-popups';import { iterateArrayOrObject, prepareColumns, parentsUntil, wrap, templateCompiler, refreshForeignData, getRowHeight } from './util';import * as events from '../base/constant';import { IRenderer, IValueFormatter, IFilterOperator, IIndex, RowDataBoundEventArgs, QueryCellInfoEventArgs } from './interface';import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails, ContextMenuItemModel } from './interface';import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, ExcelExportProperties, PdfExportProperties } from './interface';import { PdfHeaderQueryCellInfoEventArgs, ExcelHeaderQueryCellInfoEventArgs } from './interface';import { ColumnMenuOpenEventArgs, BatchCancelArgs, RecordDoubleClickEventArgs, DataResult, PendingState } from './interface';import { HeaderCellInfoEventArgs } from './interface';import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs, ICustomOptr } from './interface';import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';import { BeforeBatchAddArgs, BeforeBatchDeleteArgs, BeforeBatchSaveArgs, ResizeArgs, ColumnMenuItemModel } from './interface';import { BatchAddArgs, BatchDeleteArgs, BeginEditArgs, CellEditArgs, CellSaveArgs, BeforeDataBoundArgs, RowInfo } from './interface';import { DetailDataBoundEventArgs, ColumnChooserEventArgs, AddEventArgs, SaveEventArgs, EditEventArgs, DeleteEventArgs } from './interface';import { ExcelExportCompleteArgs, PdfExportCompleteArgs, DataStateChangeEventArgs, DataSourceChangedEventArgs } from './interface';import { SearchEventArgs, SortEventArgs, ISelectedCell, EJ2Intance, BeforeCopyEventArgs, CheckBoxChangeEventArgs } from './interface';import { Render } from '../renderer/render';import { Column, ColumnModel } from '../models/column';import { Action, SelectionType, GridLine, RenderType, SortDirection, SelectionMode, PrintMode, FilterType, FilterBarMode } from './enum';import { WrapMode, ToolbarItems, ContextMenuItem, ColumnMenuItem, ToolbarItem, CellSelectionMode, EditMode } from './enum';import { Data } from '../actions/data';import { Cell } from '../models/cell';import { RowRenderer } from '../renderer/row-renderer';import { CellRenderer } from '../renderer/cell-renderer';import { CellRendererFactory } from '../services/cell-render-factory';import { ServiceLocator } from '../services/service-locator';import { ValueFormatter } from '../services/value-formatter';import { RendererFactory } from '../services/renderer-factory';import { ColumnWidthService } from '../services/width-controller';import { AriaService } from '../services/aria-service';import { FocusStrategy } from '../services/focus-strategy';import { PageSettingsModel, AggregateRowModel } from '../models/models';import { PageSettings } from '../models/page-settings';import { Sort } from '../actions/sort';import { Page } from '../actions/page';import { Selection } from '../actions/selection';import { Filter } from '../actions/filter';import { Search } from '../actions/search';import { Resize } from '../actions/resize';import { Reorder } from '../actions/reorder';import { RowDD } from '../actions/row-reorder';import { ShowHide } from '../actions/show-hide';import { Scroll } from '../actions/scroll';import { Group } from '../actions/group';import { Print } from '../actions/print';import { DetailRow } from '../actions/detail-row';import { Toolbar } from '../actions/toolbar';import { AggregateRow } from '../models/aggregate';import { Edit } from '../actions/edit';import { Row } from '../models/row';import { ColumnChooser } from '../actions/column-chooser';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Clipboard } from '../actions/clipboard';import { CommandColumn } from '../actions/command-column';import { ContextMenu } from '../actions/context-menu';import { BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { ColumnMenu } from '../actions/column-menu';import { CheckState } from './enum';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -1129,2 +1129,8 @@
     /**
+     * Triggers when cancel the batch edit changes batch mode.
+     * @event
+     */
+    batchCancel?: EmitType<BatchCancelArgs>;
+
+    /**
      * Triggers before records are added in batch mode.
@@ -1166,2 +1172,8 @@ * @event
     /**
+     * Triggers when cell is saved.
+     * @event
+     */
+    cellSaved?: EmitType<CellSaveArgs>;
+
+    /**
      * Triggers when column resize starts.
@@ -1168,0 +1180,0 @@ * @event

src/grid/base/interface.d.ts

@@ -398,2 +398,3 @@ import { Component, NumberFormatOptions, DateFormatOptions, EmitType, KeyboardEventArgs, L10n } from '@syncfusion/ej2-base';
     getState?(): Object;
+    getMovableHeader?(): Element;
 }
@@ -966,2 +967,4 @@ /**
     theme?: Theme;
+    /** Defines the file name for the exported file  */
+    fileName?: string;
 }
@@ -1057,2 +1060,11 @@ export interface RowDragEventArgs {
  */
+export interface BatchCancelArgs {
+    /** Defines the rows. */
+    rows?: Row<Column>[];
+    /** Defines the request type. */
+    requestType?: string;
+}
+/**
+ * @hidden
+ */
 export interface BatchDeleteArgs extends IPrimaryKey {
@@ -1521,2 +1533,4 @@ /** Defines the deleted data. */
     theme?: Theme;
+    /** Defines the file name for the exported file  */
+    fileName?: string;
 }
@@ -1523,0 +1537,0 @@ export interface Theme {

src/grid/base/util.d.ts

@@ -133,3 +133,3 @@ import { IPosition, IGrid, IRow } from './interface';
  */
-export declare function getDatePredicate(filterObject: PredicateModel): Predicate;
+export declare function getDatePredicate(filterObject: PredicateModel, type?: string): Predicate;
 /**
@@ -136,0 +136,0 @@ * @hidden

src/grid/base/util.js

@@ -481,3 +481,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../models/column", "@syncfusion/ej2-popups"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, ej2_data_1, column_1, ej2_popups_1) {
     exports.getColumnByForeignKeyValue = getColumnByForeignKeyValue;
-    function getDatePredicate(filterObject) {
+    function getDatePredicate(filterObject, type) {
         var datePredicate;
@@ -490,4 +490,11 @@ var prevDate;
         if (filterObject.operator === 'equal' || filterObject.operator === 'notequal') {
-            prevDate = new Date(value.setHours(0) - 1);
-            nextDate = new Date(value.setHours(24));
+            if (type === 'datetime') {
+                prevDate = new Date(value.setSeconds(value.getSeconds() - 1));
+                nextDate = new Date(value.setSeconds(value.getSeconds() + 2));
+                filterObject.value = new Date(value.setSeconds(nextDate.getSeconds() - 1));
+            }
+            else {
+                prevDate = new Date(value.setHours(0) - 1);
+                nextDate = new Date(value.setHours(24));
+            }
             prevObj.value = prevDate;
@@ -494,0 +501,0 @@ nextObj.value = nextDate;

src/grid/renderer/dropdown-edit-cell.js

@@ -50,3 +50,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-dropdowns", "@syncfusion/ej2-data", "../base/util", "../base/util"], function (require, exports, ej2_base_1, ej2_base_2, ej2_dropdowns_1, ej2_data_1, util_1, util_2) {
             var dlgElement = util_2.parentsUntil(this.obj.element, 'e-dialog');
-            if (this.parent.editSettings.mode === 'Dialog' && !ej2_base_1.isNullOrUndefined(dlgElement)) {
+            var targetElement = !ej2_base_1.isNullOrUndefined(dlgElement) && dlgElement.id !== '' ?
+                this.parent.element.querySelector('#' + dlgElement.id) : null;
+            if (!ej2_base_1.isNullOrUndefined(targetElement)) {
                 var dlgObj = this.parent.element.querySelector('#' + dlgElement.id).ej2_instances[0];
@@ -53,0 +55,0 @@ args.popup.element.style.zIndex = (dlgObj.zIndex + 1).toString();

src/grid/renderer/filter-menu-renderer.js

@@ -25,2 +25,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-popups", "./filter-menu-operator", "./string-filter-ui", "./number-filter-ui", "./boolean-filter-ui", "./date-filter-ui", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, ej2_base_2, ej2_popups_1, filter_menu_operator_1, string_filter_ui_1, number_filter_ui_1, boolean_filter_ui_1, date_filter_ui_1, util_1, events) {
         FilterMenuRenderer.prototype.closeDialog = function () {
+            if (!this.dlgObj) {
+                return;
+            }
             var elem = document.getElementById(this.dlgObj.element.id);
@@ -27,0 +30,0 @@ if (this.dlgObj && !this.dlgObj.isDestroyed && elem) {

src/grid/renderer/render.d.ts

@@ -44,3 +44,3 @@ import { IGrid, NotifyArgs } from '../base/interface';
     private dmSuccess(e, args);
-    private dmFailure(e);
+    private dmFailure(e, args);
     /**
@@ -56,3 +56,3 @@ * Render empty row to Grid which is used at the time to represent to no records.
     private dataManagerSuccess(e, args?);
-    private dataManagerFailure(e);
+    private dataManagerFailure(e, args);
     private updatesOnInitialRender(e);
@@ -59,0 +59,0 @@ private buildColumns(record);

src/grid/renderer/render.js

@@ -46,3 +46,2 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../services/value-formatter", "../base/enum", "../actions/data", "../models/row", "../models/cell", "../base/constant", "../base/util", "../renderer/content-renderer", "../renderer/header-renderer", "../renderer/cell-renderer", "../renderer/header-cell-renderer", "../renderer/stacked-cell-renderer", "../renderer/indent-cell-renderer", "../renderer/caption-cell-renderer", "../renderer/expand-cell-renderer", "../renderer/header-indent-renderer", "../renderer/detail-header-indent-renderer", "../renderer/detail-expand-cell-renderer"], function (require, exports, ej2_base_1, ej2_base_2, ej2_data_1, value_formatter_1, enum_1, data_1, row_1, cell_1, events, util_1, content_renderer_1, header_renderer_1, cell_renderer_1, header_cell_renderer_1, stacked_cell_renderer_1, indent_cell_renderer_1, caption_cell_renderer_1, expand_cell_renderer_1, header_indent_renderer_1, detail_header_indent_renderer_1, detail_expand_cell_renderer_1) {
             }
-            this.parent.isEdit = false;
             this.emptyGrid = false;
@@ -57,4 +56,3 @@ var dataManager;
             if (!dataManager) {
-                dataManager = this.data.getData(args, this.data.generateQuery().requiresCount())
-                    .catch(function (e) { _this.parent.trigger(events.actionFailure, e); return e; });
+                dataManager = this.data.getData(args, this.data.generateQuery().requiresCount());
             }
@@ -70,3 +68,3 @@ else {
                     return _this.data.getData(args, query);
-                }).catch(function (e) { _this.parent.trigger(events.actionFailure, e); return e; });
+                });
             }
@@ -84,3 +82,3 @@ if (this.parent.getForeignKeyColumns().length && (!isFActon || this.parent.searchSettings.key.length)) {
             dataManager.then(function (e) { return _this.dataManagerSuccess(e, args); })
-                .catch(function (e) { return _this.dataManagerFailure(e); });
+                .catch(function (e) { return _this.dataManagerFailure(e, args); });
         };
@@ -118,5 +116,5 @@ Render.prototype.getFData = function (deferred) {
                         .then(function (e) { return _this.dmSuccess(e, args); })
-                        .catch(function (e) { return _this.dmFailure(e); });
+                        .catch(function (e) { return _this.dmFailure(e, args); });
                 })
-                    .catch(function (e) { return _this.dmFailure(e); });
+                    .catch(function (e) { return _this.dmFailure(e, args); });
             }
@@ -127,4 +125,4 @@ };
         };
-        Render.prototype.dmFailure = function (e) {
-            this.dataManagerFailure(e);
+        Render.prototype.dmFailure = function (e, args) {
+            this.dataManagerFailure(e, args);
         };
@@ -163,5 +161,5 @@ Render.prototype.renderEmptyRow = function () {
             for (var i = 0, len = columns.length; i < len; i++) {
-                value = ej2_base_2.getValue(columns[i].field || '', data);
+                value = ej2_data_1.DataUtil.getObject(columns[i].field || '', data);
                 if (columns[i].isForeignColumn() && columns[i].columnData) {
-                    value = ej2_base_2.getValue(columns[i].foreignKeyValue || '', columns[i].columnData[0]);
+                    value = ej2_data_1.DataUtil.getObject(columns[i].foreignKeyValue || '', columns[i].columnData[0]);
                 }
@@ -198,2 +196,3 @@ if (!ej2_base_2.isNullOrUndefined(value)) {
             }
+            this.parent.isEdit = false;
             this.parent.notify(events.tooltipDestroy, {});
@@ -237,8 +236,12 @@ gObj.currentViewData = e.result;
         };
-        Render.prototype.dataManagerFailure = function (e) {
+        Render.prototype.dataManagerFailure = function (e, args) {
             this.ariaService.setOptions(this.parent.getContent().firstChild, { busy: false, invalid: true });
             this.parent.trigger(events.actionFailure, { error: e });
+            this.parent.hideSpinner();
+            if (args.requestType === 'save' || args.requestType === 'delete'
+                || args.name === 'bulk-save') {
+                return;
+            }
             this.parent.currentViewData = [];
             this.renderEmptyRow();
-            this.parent.hideSpinner();
         };
@@ -245,0 +248,0 @@ Render.prototype.updatesOnInitialRender = function (e) {

src/grid/renderer/string-filter-ui.js

@@ -29,2 +29,3 @@ define(["require", "exports", "@syncfusion/ej2-dropdowns", "@syncfusion/ej2-data", "@syncfusion/ej2-base", "../base/util"], function (require, exports, ej2_dropdowns_1, ej2_data_1, ej2_base_1, util_1) {
                 enableRtl: this.parent.enableRtl,
+                query: this.parent.query.clone(),
                 sortOrder: 'Ascending',
@@ -31,0 +32,0 @@ open: this.openPopup.bind(this),

src/grid/services/group-model-generator.d.ts

@@ -17,3 +17,5 @@ import { IModelGenerator, IGrid } from '../base/interface';
         length: number;
-    }, args?: Object): Row<Column>[];
+    }, args?: {
+        startIndex?: number;
+    }): Row<Column>[];
     private getGroupedRecords(index, data, raw?);
@@ -20,0 +22,0 @@ private getCaptionRowCells(field, indent, data);

src/grid/services/group-model-generator.js

@@ -30,3 +30,3 @@ var __extends = (this && this.__extends) || (function () {
             this.rows = [];
-            this.index = this.parent.enableVirtualization ? (this.parent.pageSettings.currentPage - 1) * data.records.length : 0;
+            this.index = this.parent.enableVirtualization ? args.startIndex : 0;
             for (var i = 0, len = data.length; i < len; i++) {
@@ -33,0 +33,0 @@ this.getGroupedRecords(0, data[i], data.level);

src/grid/services/width-controller.js

@@ -41,2 +41,6 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/constant", "../models/column"], function (require, exports, ej2_base_1, ej2_base_2, constant_1, column_1) {
         ColumnWidthService.prototype.setWidth = function (width, index) {
+            if (typeof (width) === 'string' && width.indexOf('%') !== -1) {
+                var elementWidth = this.parent.element.offsetWidth;
+                width = parseInt(width, 10) / 100 * (elementWidth);
+            }
             var header = this.parent.getHeaderTable();
@@ -43,0 +47,0 @@ var content = this.parent.getContentTable();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36143193

increased by28.54%

Number of package files

388

increased by19.75%

Lines of code

337844

increased by22.2%

Number of lines in readme file

78

increased by1.3%

Worsened metrics

Dev dependency count

6

increased by20%

Dependency changes

• Updated@syncfusion/ej2-dropdowns@~16.2.42