@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 16.1.30 to 16.1.32

CHANGELOG.md

@@ -9,2 +9,18 @@ # Changelog
 
+- Grid refreshes before insert operation completed resolved.
+- Grid refresh prevented when column showing or hiding dynamically through `hideAtMedia`.
+- Initial multi sorted column icons is ordered correctly.
+- Removed filter bar border when using compatibility theme.
+- Provide complex data editing support.
+- Grouping with search always shown the spinner when data source has no value is resolved.
+- Filtering the column while field has underscore value is resolved.
+- Aggregate returns the null value when grouped has no aggregate field is resolved.
+- Header text shown along with header template is resolved.
+
+## 16.1.30 (2018-03-20)
+
+### Grid
+
+#### Bug Fixes
+
 - Column properties is not persisted after reordering columns resolved.
@@ -11,0 +27,0 @@ - `args.cancel`  has included in `rowSelecting` event while select the rows through method and user interaction.

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.1.29
+*  version : 16.1.30
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-grids",
-  "version": "16.1.30",
+  "version": "16.1.32",
   "description": "Essential JS 2 Grid Component",
@@ -11,15 +11,15 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.1.30",
-    "@syncfusion/ej2-data": "~16.1.28",
-    "@syncfusion/ej2-navigations": "~16.1.28",
-    "@syncfusion/ej2-inputs": "~16.1.29",
-    "@syncfusion/ej2-calendars": "~16.1.29",
-    "@syncfusion/ej2-dropdowns": "~16.1.30",
-    "@syncfusion/ej2-popups": "~16.1.30",
-    "@syncfusion/ej2-buttons": "~16.1.28",
-    "@syncfusion/ej2-lists": "~16.1.28",
-    "@syncfusion/ej2-excel-export": "~16.1.28",
-    "@syncfusion/ej2-pdf-export": "~16.1.28",
-    "@syncfusion/ej2-file-utils": "~16.1.28",
-    "@syncfusion/ej2-compression": "~16.1.28"
+    "@syncfusion/ej2-base": "~16.1.32",
+    "@syncfusion/ej2-data": "~16.1.32",
+    "@syncfusion/ej2-navigations": "~16.1.32",
+    "@syncfusion/ej2-inputs": "~16.1.32",
+    "@syncfusion/ej2-calendars": "~16.1.32",
+    "@syncfusion/ej2-dropdowns": "~16.1.32",
+    "@syncfusion/ej2-popups": "~16.1.32",
+    "@syncfusion/ej2-buttons": "~16.1.32",
+    "@syncfusion/ej2-lists": "~16.1.32",
+    "@syncfusion/ej2-excel-export": "~16.1.32",
+    "@syncfusion/ej2-pdf-export": "~16.1.32",
+    "@syncfusion/ej2-file-utils": "~16.1.32",
+    "@syncfusion/ej2-compression": "~16.1.32"
   },
@@ -26,0 +26,0 @@ "devDependencies": {

src/grid/actions/batch-edit.js

@@ -504,2 +504,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/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, cell_1, row_model_generator_1) {
                 var cells = [].slice.apply(row.cells);
+                var isComplexField = col.field.split('.').length > 1;
+                var splits = col.field.split('.');
                 var args = {
@@ -510,3 +512,4 @@ cell: cells[this.getColIndex(cells, this.getCellIdx(col.uid))], row: row,
                     validationRules: ej2_base_1.extend({}, col.validationRules ? col.validationRules : {}),
-                    value: rowData[col.field], type: !isAdd ? 'edit' : 'add', cancel: false,
+                    value: isComplexField ? rowData[splits[0]][splits[1]] : rowData[col.field],
+                    type: !isAdd ? 'edit' : 'add', cancel: false,
                     foreignKeyData: rowObj && rowObj.foreignKeyData
@@ -553,5 +556,8 @@ };
         BatchEdit.prototype.setChanges = function (rowObj, field, value) {
+            var isComplexField = field.split('.').length > 1;
+            var splits = field.split('.');
             if (!rowObj.changes) {
                 rowObj.changes = ej2_base_1.extend({}, rowObj.data);
             }
+            isComplexField ? rowObj.changes[splits[0]][splits[1]] = value : rowObj.changes[field] = value;
             rowObj.changes[field] = value;
@@ -609,6 +615,8 @@ if (rowObj.data[field] !== value) {
             var editedData = gObj.editModule.getCurrentEditedData(this.form, {});
+            var isComplexField = column.field.split('.').length > 1;
+            var splits = column.field.split('.');
             editedData = ej2_base_1.extend(this.cellDetails.rowData, editedData);
             var args = {
                 columnName: column.field,
-                value: editedData[column.field],
+                value: isComplexField ? editedData[splits[0]][splits[1]] : editedData[column.field],
                 rowData: this.cellDetails.rowData,
@@ -615,0 +623,0 @@ previousValue: this.cellDetails.value,

src/grid/actions/checkbox-filter.d.ts

@@ -36,3 +36,2 @@ import { L10n } from '@syncfusion/ej2-base';
     protected filterState: boolean;
-    protected defaultConstants: Object;
     protected values: Object;
@@ -52,3 +51,2 @@ private cBoxTrue;
     constructor(parent?: IGrid, filterSettings?: FilterSettings, serviceLocator?: ServiceLocator);
-    protected initLocale(constants: Object): void;
     /**
@@ -55,0 +53,0 @@ * To destroy the filter bar.

src/grid/actions/checkbox-filter.js

@@ -8,14 +8,2 @@ 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) {
             this.filterState = true;
-            this.defaultConstants = {
-                Search: 'Search',
-                OK: 'OK',
-                Cancel: 'Cancel',
-                Filter: 'Filter',
-                Clear: 'Clear',
-                SelectAll: 'Select All',
-                Blanks: 'Blanks',
-                True: 'True',
-                False: 'False',
-                NoResult: 'No Matches Found'
-            };
             this.values = {};
@@ -29,3 +17,2 @@ this.cBoxTrue = ej2_buttons_1.createCheckBox(false, { checked: true, label: ' ' });
             this.valueFormatter = new value_formatter_1.ValueFormatter(this.parent.locale);
-            this.initLocale(this.defaultConstants);
             this.cBoxTrue.insertBefore(ej2_base_2.createElement('input', {
@@ -42,5 +29,2 @@ className: 'e-chk-hidden', attrs: { type: 'checkbox' }
         }
-        CheckBoxFilter.prototype.initLocale = function (constants) {
-            this.localeObj = new ej2_base_1.L10n(this.getModuleName(), this.defaultConstants, this.parent.locale || 'en-US');
-        };
         CheckBoxFilter.prototype.destroy = function () {
@@ -108,4 +92,4 @@ this.closeDialog();
             this.values = {};
+            this.localeObj = options.localeObj;
             this.isFiltered = options.filteredColumns.length;
-            ej2_base_1.extend(this.defaultConstants, options.localizedStrings);
         };
@@ -300,7 +284,7 @@ CheckBoxFilter.prototype.getAndSetChkElem = function (options) {
                 if (parsed !== undefined &&
-                    this.getLocalizedLabel('True').toLowerCase().indexOf(parsed.toLowerCase()) !== -1) {
+                    this.getLocalizedLabel('FilterTrue').toLowerCase().indexOf(parsed.toLowerCase()) !== -1) {
                     parsed = 'true';
                 }
                 else if (parsed !== undefined &&
-                    this.getLocalizedLabel('False').toLowerCase().indexOf(parsed.toLowerCase()) !== -1) {
+                    this.getLocalizedLabel('FilterFalse').toLowerCase().indexOf(parsed.toLowerCase()) !== -1) {
                     parsed = 'false';
@@ -307,0 +291,0 @@ }

src/grid/actions/data.d.ts

@@ -49,2 +49,3 @@ import { Query, DataManager } from '@syncfusion/ej2-data';
     }, query?: Query): Promise<Object>;
+    private executeQuery(query);
     private formatGroupColumn(value, field);
@@ -51,0 +52,0 @@ private crudActions(args);

src/grid/actions/data.js

@@ -216,6 +216,7 @@ 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 {
+                var crud = void 0;
                 switch (args.requestType) {
                     case 'delete':
                         query = query ? query : this.generateQuery();
-                        this.dataManager.remove(key, args.data[0], null, query);
+                        crud = this.dataManager.remove(key, args.data[0], null, query);
                         break;
@@ -225,22 +226,33 @@ case 'save':
                         args.index = ej2_base_1.isNullOrUndefined(args.index) ? 0 : args.index;
-                        this.dataManager.insert(args.data, null, query, args.index);
+                        crud = this.dataManager.insert(args.data, null, query, args.index);
                         break;
                 }
-                if (this.dataManager.ready) {
-                    var deferred_1 = new ej2_data_1.Deferred();
-                    var ready = this.dataManager.ready;
-                    ready.then(function (e) {
-                        _this.dataManager.executeQuery(query).then(function (result) {
-                            deferred_1.resolve(result);
-                        });
-                    }).catch(function (e) {
-                        deferred_1.reject(e);
+                if (crud && !Array.isArray(crud)) {
+                    return crud.then(function (result) {
+                        return _this.executeQuery(query);
                     });
-                    return deferred_1.promise;
                 }
                 else {
-                    return this.dataManager.executeQuery(query);
+                    return this.executeQuery(query);
                 }
             }
         };
+        Data.prototype.executeQuery = function (query) {
+            var _this = this;
+            if (this.dataManager.ready) {
+                var deferred_1 = new ej2_data_1.Deferred();
+                var ready = this.dataManager.ready;
+                ready.then(function (e) {
+                    _this.dataManager.executeQuery(query).then(function (result) {
+                        deferred_1.resolve(result);
+                    });
+                }).catch(function (e) {
+                    deferred_1.reject(e);
+                });
+                return deferred_1.promise;
+            }
+            else {
+                return this.dataManager.executeQuery(query);
+            }
+        };
         Data.prototype.formatGroupColumn = function (value, field) {
@@ -247,0 +259,0 @@ var gObj = this.parent;

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

@@ -26,3 +26,2 @@ import { FilterSettings } from '../base/grid';
     private isCMenuOpen;
-    private localeConstants;
     /**
@@ -29,0 +28,0 @@ * Constructor for excel filtering module

src/grid/actions/excel-filter.js

@@ -18,31 +18,4 @@ var __extends = (this && this.__extends) || (function () {
             var _this = _super.call(this, parent, filterSettings, serviceLocator) || this;
-            _this.localeConstants = {
-                ClearFilter: 'Clear Filter',
-                NumberFilter: 'Number Filters',
-                TextFilter: 'Text Filters',
-                DateFilter: 'Date Filters',
-                MatchCase: 'Match Case',
-                Equal: 'Equal',
-                NotEqual: 'Not Equal',
-                LessThan: 'Less Than',
-                LessThanOrEqual: 'Less Than Or Equal',
-                GreaterThan: 'Greater Than',
-                GreaterThanOrEqual: 'Greater Than Or Equal',
-                Between: 'Between',
-                CustomFilter: 'Custom Filter',
-                StartsWith: 'Starts With',
-                EndsWith: 'Ends With',
-                Contains: 'Contains',
-                OK: 'OK',
-                Cancel: 'Cancel',
-                CustomFilterPlaceHolder: 'Enter the value',
-                CustomFilterDatePlaceHolder: 'Choose a date',
-                AND: 'AND',
-                OR: 'OR',
-                ShowRowsWhere: 'Show rows where:'
-            };
             _this.customFilterOperators = customFltrOperators;
-            ej2_base_1.extend(_this.defaultConstants, _this.localeConstants);
             _this.isExcel = true;
-            _this.initLocale(_this.defaultConstants);
             return _this;
@@ -49,0 +22,0 @@ }

src/grid/actions/filter.js

@@ -361,3 +361,3 @@ 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) {
                 position: { X: left, Y: top }, column: col, foreignKeyValue: col.foreignKeyValue,
-                actualPredicate: this.actualPredicate
+                actualPredicate: this.actualPredicate, localeObj: this.parent.localeObj
             });
@@ -405,3 +405,3 @@ };
             if (target && ej2_base_2.matches(target, '.e-filterbar input')) {
-                this.column = gObj.getColumnByField(target.id.split('_')[0]);
+                this.column = gObj.getColumnByField(target.id.split('_filterBarcell')[0]);
                 if (!this.column) {
@@ -498,3 +498,3 @@ return;
             }
-            var filterValue = JSON.parse(JSON.stringify(filterElement.value));
+            var filterValue;
             this.stopTimer();
@@ -508,2 +508,5 @@ if (!ej2_base_1.isNullOrUndefined(this.column.filterBarTemplate)) {
             }
+            else {
+                filterValue = JSON.parse(JSON.stringify(filterElement.value));
+            }
             if (this.value === '') {
@@ -547,4 +550,4 @@ this.removeFilteredColsByField(this.column.field);
                     this.operator = this.filterOperators.equal;
-                    this.getOperator(value);
-                    if (this.value !== '') {
+                    if (this.value !== '' && !(this.value instanceof Date)) {
+                        this.getOperator(value);
                         this.value = this.valueFormatter.fromView(this.value, this.column.getParser(), this.column.type);
@@ -551,0 +554,0 @@ if (ej2_base_1.isNullOrUndefined(this.value)) {

src/grid/actions/print.js

@@ -56,2 +56,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "../base/util", "../base/grid", "../base/constant"], function (require, exports, ej2_base_1, util_1, grid_1, events) {
             printGrid[this.printing] = true;
+            printGrid.trigger = gObj.trigger;
         };
@@ -58,0 +59,0 @@ Print.prototype.contentReady = function () {

src/grid/actions/sort.js

@@ -82,3 +82,5 @@ 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.updateSortedCols(columnName, isMultiSort);
-            this.updateModel();
+            if (this.contentRefresh) {
+                this.updateModel();
+            }
         };
@@ -185,2 +187,3 @@ Sort.prototype.updateSortedCols = function (columnName, isMultiSort) {
                 this.contentRefresh = true;
+                this.addSortIcons();
             }
@@ -300,2 +303,5 @@ };
             var cols = this.sortSettings.columns;
+            if (cols.length > 1) {
+                this.isMultiSort = true;
+            }
             var fieldNames = this.parent.getColumns().map(function (c) { return c.field; });
@@ -319,2 +325,3 @@ for (var i = 0, len = cols.length; i < len; i++) {
             }
+            this.isMultiSort = false;
         };
@@ -321,0 +328,0 @@ Sort.prototype.removeSortIcons = function (position) {

src/grid/base/interface.d.ts

@@ -275,2 +275,3 @@ import { Component, NumberFormatOptions, DateFormatOptions, EmitType, KeyboardEventArgs, L10n } from '@syncfusion/ej2-base';
     isPersistSelection?: boolean;
+    localeObj?: L10n;
     getHeaderContent?(): Element;
@@ -1412,2 +1413,3 @@ setGridHeaderContent?(value: Element): void;
     localizedStrings?: Object;
+    localeObj?: L10n;
     position?: {
@@ -1414,0 +1416,0 @@ X: number;

src/grid/base/util.js

@@ -242,3 +242,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) {
         }
-        return ej2_data_1.DataUtil.aggregates[type.toLowerCase()](data, column.field);
+        return column.field in data ? ej2_data_1.DataUtil.aggregates[type.toLowerCase()](data, column.field) : null;
     }
@@ -245,0 +245,0 @@ exports.calculateAggregate = calculateAggregate;

src/grid/models/column.js

@@ -42,3 +42,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../services/value-formatter", "../base/util"], function (require, exports, ej2_base_1, ej2_data_1, value_formatter_1, util_1) {
             }
-            if (this.isForeignColumn() && ej2_base_1.isNullOrUndefined(this.editType)) {
+            if (this.isForeignColumn() && (ej2_base_1.isNullOrUndefined(this.editType) || this.editType === 'dropdownedit')) {
                 this.editType = 'dropdownedit';
@@ -45,0 +45,0 @@ this.edit.params = {

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

@@ -15,6 +15,9 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-buttons", "@syncfusion/ej2-base", "../base/util"], function (require, exports, ej2_base_1, ej2_buttons_1, ej2_base_2, util_1) {
             }
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             return ej2_base_1.createElement('input', {
                 className: classNames, attrs: {
                     type: 'checkbox', value: args.value, 'e-mappinguid': col.uid,
-                    id: this.parent.element.id + col.field, name: col.field
+                    id: isComplexField ? this.parent.element.id + splits[0] + splits[1] : this.parent.element.id + col.field,
+                    name: isComplexField ? splits[0] + splits[1] : col.field
                 }
@@ -29,8 +32,13 @@ });
             var chkState;
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             if (!ej2_base_1.isNullOrUndefined(args.row)) {
                 selectChkBox = args.row.querySelector('.e-edit-checkselect');
             }
-            if (args.rowData[args.column.field]) {
+            if (!isComplexField && args.rowData[args.column.field]) {
                 chkState = JSON.parse(args.rowData[args.column.field].toString().toLowerCase());
             }
+            if (isComplexField && args.rowData[splits[0]][splits[1]]) {
+                chkState = JSON.parse(args.rowData[splits[0]][splits[1]].toString().toLowerCase());
+            }
             if (!ej2_base_1.isNullOrUndefined(selectChkBox)) {
@@ -37,0 +45,0 @@ this.editType = this.parent.editSettings.mode;

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

@@ -9,5 +9,8 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-calendars", "../base/util"], function (require, exports, ej2_base_1, ej2_base_2, ej2_calendars_1, util_1) {
         DatePickerEditCell.prototype.create = function (args) {
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             return ej2_base_2.createElement('input', {
                 className: 'e-field', attrs: {
-                    id: this.parent.element.id + args.column.field, name: args.column.field, type: 'text', 'e-mappinguid': args.column.uid
+                    id: isComplexField ? this.parent.element.id + splits[0] + splits[1] : this.parent.element.id + args.column.field,
+                    name: isComplexField ? splits[0] + splits[1] : args.column.field, type: 'text', 'e-mappinguid': args.column.uid,
                 }
@@ -21,5 +24,8 @@ });
             var isInline = this.parent.editSettings.mode !== 'Dialog';
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             this.obj = new ej2_calendars_1.DatePicker(ej2_base_1.extend({
                 floatLabelType: isInline ? 'Never' : 'Always',
-                value: new Date(args.rowData[args.column.field]), placeholder: isInline ?
+                value: isComplexField ? new Date(args.rowData[splits[0]][splits[1]]) : new Date(args.rowData[args.column.field]),
+                placeholder: isInline ?
                     '' : args.column.headerText, enableRtl: this.parent.enableRtl,
@@ -26,0 +32,0 @@ enabled: util_1.isEditable(args.column, args.type, args.element),

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

@@ -9,5 +9,8 @@ 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) {
         DropDownEditCell.prototype.create = function (args) {
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             return ej2_base_2.createElement('input', {
                 className: 'e-field', attrs: {
-                    id: this.parent.element.id + args.column.field, name: args.column.field, type: 'text', 'e-mappinguid': args.column.uid,
+                    id: isComplexField ? this.parent.element.id + splits[0] + splits[1] : this.parent.element.id + args.column.field,
+                    name: isComplexField ? splits[0] + splits[1] : args.column.field, type: 'text', 'e-mappinguid': args.column.uid,
                 }
@@ -19,2 +22,4 @@ });
             var isInline = this.parent.editSettings.mode !== 'Dialog';
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             this.obj = new ej2_dropdowns_1.DropDownList(ej2_base_1.extend({
@@ -24,3 +29,4 @@ dataSource: this.parent.dataSource instanceof ej2_data_1.DataManager ?
                 query: new ej2_data_1.Query().select(args.column.field), enabled: util_1.isEditable(args.column, args.requestType, args.element),
-                fields: { value: args.column.field }, value: args.rowData[args.column.field],
+                fields: { value: args.column.field },
+                value: isComplexField ? args.rowData[splits[0]][splits[1]] : args.rowData[args.column.field],
                 enableRtl: this.parent.enableRtl, actionComplete: this.ddActionComplete.bind(this),
@@ -32,3 +38,3 @@ placeholder: isInline ? '' : args.column.headerText, popupHeight: '200px',
             this.obj.appendTo(args.element);
-            args.element.setAttribute('name', args.column.field);
+            args.element.setAttribute('name', isComplexField ? splits[0] + splits[1] : args.column.field);
         };
@@ -35,0 +41,0 @@ DropDownEditCell.prototype.read = function (element) {

src/grid/renderer/edit-renderer.js

@@ -112,5 +112,7 @@ define(["require", "exports", "@syncfusion/ej2-base", "./inline-edit-renderer", "./batch-edit-renderer", "./dialog-edit-renderer", "@syncfusion/ej2-base", "../base/enum", "../services/row-model-generator"], function (require, exports, ej2_base_1, inline_edit_renderer_1, batch_edit_renderer_1, dialog_edit_renderer_1, ej2_base_2, enum_1, row_model_generator_1) {
                 var isInput = input.tagName !== 'input' && input.querySelectorAll('input').length;
+                var isComplexField = col.field.split('.').length > 1;
+                var splits = col.field.split('.');
                 ej2_base_2.attributes(isInput ? input.querySelector('input') : input, {
-                    name: col.field, 'e-mappinguid': col.uid,
-                    id: gObj.element.id + col.field,
+                    name: isComplexField ? splits[0] + splits[1] : col.field, 'e-mappinguid': col.uid,
+                    id: isComplexField ? gObj.element.id + splits[0] + splits[1] : gObj.element.id + col.field
                 });
@@ -117,0 +119,0 @@ ej2_base_2.classList(input, ['e-input', 'e-field'], []);

src/grid/renderer/header-cell-renderer.js

@@ -104,9 +104,5 @@ var __extends = (this && this.__extends) || (function () {
             if (!ej2_base_1.isNullOrUndefined(column.headerTemplate)) {
-                if (typeof column.headerTemplate !== 'object' && column.headerTemplate.indexOf('#') !== -1) {
-                    innerDIV.innerHTML = document.querySelector(column.headerTemplate).innerHTML.trim();
-                }
-                else {
-                    result = column.getHeaderTemplate()(ej2_base_1.extend({ 'index': colIndex }, column), gridObj, 'headerTemplate');
-                    util_1.appendChildren(node, result);
-                }
+                result = column.getHeaderTemplate()(ej2_base_1.extend({ 'index': colIndex }, column), gridObj, 'headerTemplate');
+                node.firstElementChild.innerHTML = '';
+                util_1.appendChildren(node.firstElementChild, result);
             }
@@ -113,0 +109,0 @@ this.ariaService.setOptions(node, ariaAttr);

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

@@ -9,5 +9,8 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-inputs", "../base/util"], function (require, exports, ej2_base_1, ej2_base_2, ej2_inputs_1, util_1) {
         NumericEditCell.prototype.create = function (args) {
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             return ej2_base_2.createElement('input', {
                 className: 'e-field', attrs: {
-                    id: this.parent.element.id + args.column.field, name: args.column.field, 'e-mappinguid': args.column.uid
+                    id: isComplexField ? this.parent.element.id + splits[0] + splits[1] : this.parent.element.id + args.column.field,
+                    name: isComplexField ? splits[0] + splits[1] : args.column.field, 'e-mappinguid': args.column.uid
                 }
@@ -23,4 +26,7 @@ });
             var isInline = this.parent.editSettings.mode !== 'Dialog';
+            var isComplexField = args.column.field.split('.').length > 1;
+            var splits = args.column.field.split('.');
             this.obj = new ej2_inputs_1.NumericTextBox(ej2_base_1.extend({
-                value: parseFloat(args.rowData[col.field]), enableRtl: this.parent.enableRtl,
+                value: isComplexField ? parseFloat(args.rowData[splits[0]][splits[1]]) : parseFloat(args.rowData[col.field]),
+                enableRtl: this.parent.enableRtl,
                 placeholder: isInline ? '' : args.column.headerText,
@@ -31,3 +37,3 @@ enabled: util_1.isEditable(args.column, args.requestType, args.element),
             this.obj.appendTo(args.element);
-            args.element.setAttribute('name', col.field);
+            args.element.setAttribute('name', isComplexField ? splits[0] + splits[1] : args.column.field);
         };
@@ -34,0 +40,0 @@ NumericEditCell.prototype.destroy = function () {

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

@@ -120,3 +120,3 @@ var __extends = (this && this.__extends) || (function () {
                 single[disp][key] = val;
-                single[disp][type] = formatFn(val);
+                single[disp][type] = !ej2_base_1.isNullOrUndefined(val) ? formatFn(val) : ' ';
                 if (group.field) {
@@ -123,0 +123,0 @@ single[disp].field = group.field;

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

25419860

increased by0.19%

Lines of code

251046

increased by0.07%

Dependency changes

• Updated@syncfusion/ej2-base@~16.1.32

• Updated@syncfusion/ej2-buttons@~16.1.32

• Updated@syncfusion/ej2-calendars@~16.1.32

• Updated@syncfusion/ej2-compression@~16.1.32

• Updated@syncfusion/ej2-data@~16.1.32

• Updated@syncfusion/ej2-dropdowns@~16.1.32

• Updated@syncfusion/ej2-excel-export@~16.1.32

• Updated@syncfusion/ej2-file-utils@~16.1.32

• Updated@syncfusion/ej2-inputs@~16.1.32

• Updated@syncfusion/ej2-lists@~16.1.32

• Updated@syncfusion/ej2-navigations@~16.1.32

• Updated@syncfusion/ej2-pdf-export@~16.1.32

• Updated@syncfusion/ej2-popups@~16.1.32