@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 16.1.33 to 16.1.34

CHANGELOG.md

@@ -5,2 +5,21 @@ # Changelog
 
+### Grid
+
+#### Bug Fixes
+
+- Pager Dropdown values is not updated while dynamically changing the Page size issue is resolved.
+- Provide locale column format support for excel-export.
+- Setting filter Properties through `setProperties` method is resolved.
+- Changing frozen columns from null throws script error is resolved.
+- Excel exporting group caption shows field name instead of header text issue is resolved.
+- String values not accepted for methods from window in custom filter menu template is resolved.
+
+## 16.1.33 (2018-04-04)
+
+### Grid
+
+#### Bug Fixes
+
+- Updating column object for dynamically bounded columns.
+
 ## 16.1.32 (2018-03-29)
@@ -7,0 +26,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.1.32
+*  version : 16.1.34
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -10,3 +10,2 @@ *  Use of this code is subject to the terms of our license.
 */
-
 import * as _grids from '@syncfusion/ej2-grids';
@@ -13,0 +12,0 @@ import * as _base from '@syncfusion/ej2-base';

package.json

 {
   "name": "@syncfusion/ej2-grids",
-  "version": "16.1.33",
+  "version": "16.1.34",
   "description": "Essential JS 2 Grid Component",
@@ -13,9 +13,9 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-data": "~16.1.32",
-    "@syncfusion/ej2-navigations": "~16.1.32",
-    "@syncfusion/ej2-inputs": "~16.1.32",
-    "@syncfusion/ej2-calendars": "~16.1.33",
-    "@syncfusion/ej2-dropdowns": "~16.1.33",
+    "@syncfusion/ej2-navigations": "~16.1.34",
+    "@syncfusion/ej2-inputs": "~16.1.34",
+    "@syncfusion/ej2-calendars": "~16.1.34",
+    "@syncfusion/ej2-dropdowns": "~16.1.34",
     "@syncfusion/ej2-popups": "~16.1.32",
     "@syncfusion/ej2-buttons": "~16.1.32",
-    "@syncfusion/ej2-lists": "~16.1.32",
+    "@syncfusion/ej2-lists": "~16.1.34",
     "@syncfusion/ej2-excel-export": "~16.1.32",
@@ -22,0 +22,0 @@ "@syncfusion/ej2-pdf-export": "~16.1.32",

ReadMe.md

@@ -22,6 +22,2 @@ # Grid Overview
 * [Demo](http://ej2.syncfusion.com/demos/#/material/grid/default.html)
-* [Documentation](http://ej2.syncfusion.com/documentation/grid/)
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-grids/blob/master/CHANGELOG.md)
+* [Documentation](http://ej2.syncfusion.com/documentation/grid/)

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

@@ -45,2 +45,3 @@ import { L10n } from '@syncfusion/ej2-base';
     protected valueFormatter: ValueFormatter;
+    private searchHandler;
     /**
@@ -82,4 +83,6 @@ * Constructor for checkbox filtering module
     private getAllData();
+    private processDataOperation(query);
     private dataSuccess(e);
-    private processDataSource(query?, isInitial?);
+    private processDataSource(query?, isInitial?, dataSource?);
+    private processSearch(query);
     private updateResult();
@@ -86,0 +89,0 @@ private clickHandler(e);

src/grid/actions/checkbox-filter.js

@@ -32,3 +32,4 @@ 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) {
             ej2_base_1.EventHandler.add(this.dlg, 'click', this.clickHandler, this);
-            ej2_base_1.EventHandler.add(this.dlg.querySelector('.e-searchinput'), 'keyup', this.searchBoxKeyUp, this);
+            this.searchHandler = ej2_base_2.debounce(this.searchBoxKeyUp, 200);
+            ej2_base_1.EventHandler.add(this.dlg.querySelector('.e-searchinput'), 'keyup', this.searchHandler, this);
         };
@@ -39,3 +40,3 @@ CheckBoxFilter.prototype.unWireEvents = function () {
             if (elem) {
-                ej2_base_1.EventHandler.remove(elem, 'keyup', this.searchBoxKeyUp);
+                ej2_base_1.EventHandler.remove(elem, 'keyup', this.searchHandler);
             }
@@ -275,3 +276,3 @@ };
             var parsed = (this.options.type !== 'string' && parseFloat(val)) ? parseFloat(val) : val;
-            var operator = 'contains';
+            var operator = this.options.type ? 'startswith' : 'contains';
             var matchCase = true;
@@ -291,3 +292,10 @@ var ignoreAccent = this.parent.filterSettings.ignoreAccent;
             }
-            predicte = new ej2_data_1.Predicate(this.options.field, operator, parsed, matchCase, ignoreAccent);
+            var args = {
+                requestType: events.filterSearchBegin,
+                filterModel: this, columnName: this.options.field, column: this.options.column,
+                operator: operator, matchCase: matchCase, ignoreAccent: ignoreAccent, filterChoiceCount: null,
+                query: query
+            };
+            this.parent.trigger(events.actionBegin, args);
+            predicte = new ej2_data_1.Predicate(this.options.field, args.operator, parsed, args.matchCase, args.ignoreAccent);
             if (this.options.type === 'date' || this.options.type === 'datetime') {
@@ -307,3 +315,5 @@ parsed = this.valueFormatter.fromView(val, this.options.parserFn, this.options.type);
             }
-            this.processDataSource(query);
+            args.filterChoiceCount = !ej2_base_1.isNullOrUndefined(args.filterChoiceCount) ? args.filterChoiceCount : 1000;
+            query.take(args.filterChoiceCount);
+            this.processSearch(query);
         };
@@ -332,5 +342,15 @@ CheckBoxFilter.prototype.getPredicateFromCols = function (columns) {
         CheckBoxFilter.prototype.getAllData = function () {
-            var _this = this;
             var query = new ej2_data_1.Query();
+            query = this.parent.query.clone();
             query.requiresCount();
+            var args = {
+                requestType: events.filterChoiceRequest, filterModel: this, query: query, filterChoiceCount: null
+            };
+            this.parent.trigger(events.actionBegin, args);
+            args.filterChoiceCount = !ej2_base_1.isNullOrUndefined(args.filterChoiceCount) ? args.filterChoiceCount : 1000;
+            query.take(args.filterChoiceCount);
+            this.processDataOperation(query);
+        };
+        CheckBoxFilter.prototype.processDataOperation = function (query) {
+            var _this = this;
             this.options.dataSource = this.options.dataSource instanceof ej2_data_1.DataManager ?
@@ -373,3 +393,3 @@ this.options.dataSource : new ej2_data_1.DataManager(this.options.dataSource);
             this.filteredData = res.records || [];
-            this.processDataSource(null, true);
+            this.processDataSource(null, true, this.filteredData);
             this.dialogObj.element.querySelector('.e-searchinput').focus();
@@ -382,16 +402,10 @@ var args = {
         };
-        CheckBoxFilter.prototype.processDataSource = function (query, isInitial) {
+        CheckBoxFilter.prototype.processDataSource = function (query, isInitial, dataSource) {
             ej2_popups_2.showSpinner(this.spinner);
-            query = query ? query : this.options.query.clone();
-            query.requiresCount();
-            var args = {
-                requestType: events.filterChoiceRequest, filterModel: this, query: query,
-                dataSource: this.filteredData
-            };
-            this.parent.trigger(events.actionBegin, args);
-            var result = new ej2_data_1.DataManager(args.dataSource).executeLocal(args.query);
-            var res = result;
             this.updateResult();
-            this.createFilterItems(res.result, isInitial);
+            this.createFilterItems(dataSource, isInitial);
         };
+        CheckBoxFilter.prototype.processSearch = function (query) {
+            this.processDataOperation(query);
+        };
         CheckBoxFilter.prototype.updateResult = function () {
@@ -584,3 +598,3 @@ this.result = {};
                             predicate[cols[p].predicate](cols[p].ejpredicate) :
-                            predicate[(cols[p].predicate)](cols[p].field, cols[p].operator, cols[p].value, CheckBoxFilter.getCaseValue(cols[p]), cols[p].ignoreAccent);
+                            predicate[(cols[p].predicate)](cols[p].field, cols[p].operator, cols[p].value, !CheckBoxFilter.getCaseValue(cols[p]), cols[p].ignoreAccent);
                     }
@@ -587,0 +601,0 @@ }

src/grid/actions/data.js

@@ -88,3 +88,4 @@ 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) {
                     }
-                    var fn = col.sortComparer && !this.isRemote() ? col.sortComparer.bind(col) : columns[i].direction;
+                    var fn = col.sortComparer && !this.isRemote() ? col.sortComparer.bind(col) :
+                        columns[i].direction;
                     if (gObj.groupSettings.columns.indexOf(columns[i].field) === -1) {
@@ -91,0 +92,0 @@ query.sortBy(col.field, fn);

src/grid/actions/edit.js

@@ -333,7 +333,10 @@ 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) {
                     var temp = col.edit.read;
-                    if (typeof temp === 'string') {
-                        temp = ej2_base_2.getValue(temp, window);
-                    }
                     if (col.type !== 'checkbox') {
-                        value = gObj.editModule.getValueFromType(col, col.edit.read(inputs[i]));
+                        if (typeof temp === 'string') {
+                            temp = ej2_base_2.getValue(temp, window);
+                            value = gObj.editModule.getValueFromType(col, (temp)(inputs[i]));
+                        }
+                        else {
+                            value = gObj.editModule.getValueFromType(col, col.edit.read(inputs[i]));
+                        }
                     }
@@ -360,4 +363,11 @@ else {
                 var col = cols_1[_i];
+                var temp = col.edit.destroy;
                 if (col.edit.destroy) {
-                    col.edit.destroy();
+                    if (typeof temp === 'string') {
+                        temp = ej2_base_2.getValue(temp, window);
+                        temp();
+                    }
+                    else {
+                        col.edit.destroy();
+                    }
                 }
@@ -364,0 +374,0 @@ }

src/grid/actions/excel-export.js

@@ -195,3 +195,3 @@ 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 (this.isCsvExport) {
-                    var book = new ej2_excel_export_1.Workbook(this.book, 'csv');
+                    var book = new ej2_excel_export_1.Workbook(this.book, 'csv', gObj.locale);
                     if (!this.isBlob) {
@@ -205,3 +205,3 @@ book.save('Export.csv');
                 else {
-                    var book = new ej2_excel_export_1.Workbook(this.book, 'xlsx');
+                    var book = new ej2_excel_export_1.Workbook(this.book, 'xlsx', gObj.locale);
                     if (!this.isBlob) {
@@ -233,3 +233,4 @@ book.save('Export.xlsx');
                 };
-                cell.value = item.field + ': ' + this.exportValueFormatter.formatCellValue(args) + ' - ';
+                cell.value = this.parent.getColumnByField(item.field).headerText +
+                    ': ' + this.exportValueFormatter.formatCellValue(args) + ' - ';
                 if (item.count > 1) {
@@ -236,0 +237,0 @@ cell.value += item.count + ' items';

src/grid/actions/excel-filter.js

@@ -536,2 +536,3 @@ var __extends = (this && this.__extends) || (function () {
                 fields: fields,
+                query: this.parent.query.clone(),
                 sortOrder: 'Ascending',
@@ -538,0 +539,0 @@ locale: this.parent.locale,

src/grid/actions/filter.d.ts

@@ -99,2 +99,6 @@ import { FilterSettings } from '../base/grid';
     /**
+     * @private
+     */
+    refreshFilter(): void;
+    /**
      * Clears all the filtered rows of the Grid.
@@ -101,0 +105,0 @@ * @return {void}

src/grid/actions/filter.js

@@ -68,4 +68,5 @@ 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) {
                 ej2_base_2.remove(this.element);
-                if (this.parent.getFrozenColumns()) {
-                    ej2_base_2.remove(this.parent.getHeaderContent().querySelector('.e-filterbar'));
+                var filterBarElement = this.parent.getHeaderContent().querySelector('.e-filterbar');
+                if (this.parent.getFrozenColumns() && filterBarElement) {
+                    ej2_base_2.remove(filterBarElement);
                 }
@@ -237,5 +238,2 @@ }
             }
-            if (this.checkAlreadyColFiltered(this.column.field)) {
-                return;
-            }
             if (!ej2_base_1.isNullOrUndefined(this.column.format)) {
@@ -247,2 +245,5 @@ this.applyColumnFormat(filterValue);
             }
+            if (this.checkAlreadyColFiltered(this.column.field)) {
+                return;
+            }
             this.updateModel();
@@ -290,2 +291,4 @@ };
                 for (var i = 0; i < this.filterSettings.columns.length; i++) {
+                    this.column = this.parent.getColumnByField(this.filterSettings.columns[i].field) ||
+                        util_1.getColumnByForeignKeyValue(this.filterSettings.columns[i].field, this.parent.getForeignKeyColumns());
                     var filterValue = this.filterSettings.columns[i].value;
@@ -308,2 +311,6 @@ filterValue = !ej2_base_1.isNullOrUndefined(filterValue) && filterValue.toString();
         };
+        Filter.prototype.refreshFilter = function () {
+            this.refreshFilterSettings();
+            this.updateFilterMsg();
+        };
         Filter.prototype.clearFiltering = function () {
@@ -310,0 +317,0 @@ var cols = util_1.getActualPropFromColl(this.filterSettings.columns);

src/grid/actions/foreign-key.js

@@ -76,12 +76,14 @@ var __extends = (this && this.__extends) || (function () {
             var query = new ej2_data_1.Query();
+            var field = fromData ? column.foreignKeyField : column.field;
             if (gObj.allowPaging || gObj.enableVirtualization || fromData) {
                 e = new ej2_data_1.DataManager(((gObj.allowGrouping && gObj.groupSettings.columns.length) ?
-                    e.records : e)).executeLocal(new ej2_data_1.Query().select(column.field));
-                var filteredValue = ej2_data_1.DataUtil.distinct(e, column.field, false);
+                    e.records : e)).executeLocal(new ej2_data_1.Query().select(field));
+                var filteredValue = ej2_data_1.DataUtil.distinct(e, field, false);
+                field = fromData ? column.field : column.foreignKeyField;
                 filteredValue.forEach(function (obj) {
-                    if (obj.getDay) {
-                        predicates.push(util_1.getDatePredicate({ field: column.field, operator: 'equal', value: obj, matchCase: false }));
+                    if (obj && obj.getDay) {
+                        predicates.push(util_1.getDatePredicate({ field: field, operator: 'equal', value: obj, matchCase: false }));
                     }
                     else {
-                        predicates.push(new ej2_data_1.Predicate(column.field, 'equal', obj, false));
+                        predicates.push(new ej2_data_1.Predicate(field, 'equal', obj, false));
                     }
@@ -88,0 +90,0 @@ });

src/grid/actions/page.js

@@ -45,6 +45,9 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../../pager/pager", "../../pager/pager-dropdown", "../../pager/external-message", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, ej2_base_2, pager_1, pager_dropdown_1, external_message_1, util_1, events) {
                         links[i].setAttribute('aria-owns', this.parent.getContentTable().id);
-                        var numericContainerDiv = ej2_base_2.createElement('div');
-                        numericContainerDiv.appendChild(links[i]);
-                        frag.appendChild(numericContainerDiv);
                     }
+                    else {
+                        links[i].setAttribute('aria-owns', this.parent.element.getAttribute('id') + '_content_table');
+                    }
+                    var numericContainerDiv = ej2_base_2.createElement('div');
+                    numericContainerDiv.appendChild(links[i]);
+                    frag.appendChild(numericContainerDiv);
                 }
@@ -51,0 +54,0 @@ numericContainerNew.appendChild(frag);

src/grid/actions/sort.js

@@ -330,3 +330,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) {
             for (var i = position ? position : 0, len = !ej2_base_2.isNullOrUndefined(position) ? position + 1 : cols.length; i < len; i++) {
-                if (gObj.allowGrouping && gObj.groupSettings.columns.indexOf(cols[i].field) > -1) {
+                header = gObj.getColumnHeaderByField(cols[i].field);
+                if (gObj.allowGrouping && gObj.groupSettings.columns.indexOf(cols[i].field) > -1 &&
+                    (ej2_base_2.isNullOrUndefined(header) || !header.querySelector('.e-sortfilterdiv'))) {
                     continue;
@@ -337,3 +339,2 @@ }
                 }
-                header = gObj.getColumnHeaderByField(cols[i].field);
                 this.aria.setSort(header, 'none');
@@ -340,0 +341,0 @@ ej2_base_3.classList(header.querySelector('.e-sortfilterdiv'), [], ['e-descending', 'e-icon-descending', 'e-ascending', 'e-icon-ascending']);

src/grid/base/constant.d.ts

@@ -103,2 +103,3 @@ /** @hidden */
 export declare const filterBeforeOpen: string;
+export declare const filterSearchBegin: string;
 /**
@@ -105,0 +106,0 @@ * Specifies grid internal events

src/grid/base/constant.js

@@ -55,2 +55,3 @@ define(["require", "exports"], function (require, exports) {
     exports.filterBeforeOpen = 'filterbeforeopen';
+    exports.filterSearchBegin = 'filtersearchbegin';
     exports.initialLoad = 'initial-load';
@@ -57,0 +58,0 @@ exports.initialEnd = 'initial-end';

src/grid/base/interface.d.ts

@@ -26,2 +26,3 @@ import { Component, NumberFormatOptions, DateFormatOptions, EmitType, KeyboardEventArgs, L10n } from '@syncfusion/ej2-base';
 import { Dialog } from '@syncfusion/ej2-popups';
+import { CheckBoxFilter } from '../actions/checkbox-filter';
 /**
@@ -326,2 +327,3 @@ * Specifies grid interfaces.
     hideSpinner?(): void;
+    updateDefaultCursor?(): void;
     getVisibleColumns?(): Column[];
@@ -434,7 +436,7 @@ refreshHeader?(): void;
 export interface IEditCell {
-    create?: Element | Function;
-    read?: Object | Function;
-    write?: void | Function;
+    create?: Element | Function | string;
+    read?: Object | Function | string;
+    write?: void | Function | string;
     params?: DatePickerModel | NumericTextBoxModel | DropDownListModel;
-    destroy?: Function;
+    destroy?: Function | string;
 }
@@ -445,5 +447,5 @@ /**
 export interface IFilterUI {
-    create?: Element | Function;
-    read?: Object | Function;
-    write?: void | Function;
+    create?: Element | Function | string;
+    read?: Object | Function | string;
+    write?: void | Function | string;
 }
@@ -454,5 +456,5 @@ /**
 export interface IFilterMUI {
-    create?: void | Function;
-    read?: Object | Function;
-    write?: void | Function;
+    create?: void | Function | string;
+    read?: Object | Function | string;
+    write?: void | Function | string;
 }
@@ -791,2 +793,22 @@ /**
 }
+export interface FilterSearchBeginEventArgs {
+    /** Defines the current action. */
+    requestType?: string;
+    /** Defines the filter model. */
+    filterModel?: CheckBoxFilter;
+    /** Defines the field name of current column */
+    columnName?: string;
+    /** Defines the current Column objects */
+    column?: Column;
+    /** Defines the operator for filter request */
+    operator?: string;
+    /** Defines the matchcase for filter request */
+    matchCase?: boolean;
+    /** Defines the ignoreAccent for filter request */
+    ignoreAccent?: boolean;
+    /** Defines the custom query in before execute */
+    query: Query;
+    /** Defines take number of data  */
+    filterChoiceCount: number;
+}
 export interface MultipleExport {
@@ -793,0 +815,0 @@ /** Indicates whether to append the multiple grid in same sheet or different sheet */

src/grid/base/util.js

@@ -95,3 +95,4 @@ 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) {
             column.foreignKeyField = column.foreignKeyField || column.field;
-            column.valueAccessor = column.valueAccessor || valueAccessor;
+            column.valueAccessor = (typeof column.valueAccessor === 'string' ? ej2_base_2.getValue(column.valueAccessor, window)
+                : column.valueAccessor) || valueAccessor;
             column.width = autoWidth && ej2_base_2.isNullOrUndefined(column.width) ? 200 : column.width;
@@ -241,3 +242,7 @@ if (ej2_base_2.isNullOrUndefined(column.visible)) {
         if (type === 'Custom') {
-            return column.customAggregate ? column.customAggregate.call(context, data, column) : '';
+            var temp = column.customAggregate;
+            if (typeof temp === 'string') {
+                temp = ej2_base_2.getValue(temp, window);
+            }
+            return temp ? temp.call(context, data, column) : '';
         }
@@ -436,3 +441,4 @@ return ej2_data_1.DataUtil.aggregates[type.toLowerCase()](data, column.field);
         var fField = column.foreignKeyField;
-        var key = (lValue || valueAccessor(column.field, data, column)) || '';
+        var key = (lValue || valueAccessor(column.field, data, column));
+        key = ej2_base_2.isNullOrUndefined(key) ? '' : key;
         var query = new ej2_data_1.Query();
@@ -439,0 +445,0 @@ var fdata = foreignKeyData || (column.dataSource instanceof ej2_data_1.DataManager) && column.dataSource.dataSource.offline ?

src/grid/models/aggregate-model.d.ts

@@ -89,3 +89,3 @@ import { compile } from '@syncfusion/ej2-base';import { getEnumValue } from '@syncfusion/ej2-base';import { CustomSummaryType } from '../base/type';import { AggregateType, CellType } from '../base/enum';import { Property, Collection, ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import { ValueFormatter } from '../services/value-formatter';
      */
-    customAggregate?: CustomSummaryType;
+    customAggregate?: CustomSummaryType | string;
 
@@ -92,0 +92,0 @@ }

src/grid/models/aggregate.d.ts

@@ -85,3 +85,3 @@ import { CustomSummaryType } from '../base/type';
      */
-    customAggregate: CustomSummaryType;
+    customAggregate: CustomSummaryType | string;
     /**
@@ -88,0 +88,0 @@ * @hidden

src/grid/models/column.d.ts

@@ -5,3 +5,3 @@ import { NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
 import { TextAlign, ClipMode } from '../base/enum';
-import { ValueAccessor } from '../base/type';
+import { ValueAccessor, SortComparer } from '../base/type';
 /**
@@ -179,3 +179,3 @@ * Represents Grid `Column` model class.
      */
-    valueAccessor: ValueAccessor;
+    valueAccessor: ValueAccessor | string;
     /**
@@ -310,3 +310,3 @@ * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar.
      */
-    sortComparer: (x: number | string, y: number | string) => number;
+    sortComparer: SortComparer | string;
     /**
@@ -557,3 +557,3 @@ * @hidden
      */
-    valueAccessor?: ValueAccessor;
+    valueAccessor?: ValueAccessor | string;
     /**
@@ -706,3 +706,3 @@ * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar.
      */
-    sortComparer?: (x: number | string, y: number | string) => number;
+    sortComparer?: SortComparer | string;
     /**
@@ -709,0 +709,0 @@ * @hidden

src/grid/models/column.js

@@ -52,2 +52,5 @@ 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) {
                 this.sortComparer = function comparer(x, y) {
+                    if (typeof a_1 === 'string') {
+                        a_1 = ej2_base_1.getValue(a_1, window);
+                    }
                     if (this.sortDirection === 'Descending') {
@@ -54,0 +57,0 @@ var z = x;

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

@@ -11,4 +11,5 @@ define(["require", "exports", "../base/util", "@syncfusion/ej2-data", "@syncfusion/ej2-dropdowns", "@syncfusion/ej2-base"], function (require, exports, util_1, ej2_data_1, ej2_dropdowns_1, ej2_base_1) {
         BooleanFilterUI.prototype.create = function (args) {
-            var data;
-            var fields = args.column.field;
+            var isForeignColumn = args.column.isForeignColumn();
+            var dataSource = isForeignColumn ? args.column.dataSource : this.parent.dataSource;
+            var fields = isForeignColumn ? args.column.foreignKeyValue : args.column.field;
             this.elem = ej2_base_1.createElement('input', { className: 'e-flmenu-input', id: 'bool-ui-' + args.column.uid });
@@ -18,6 +19,6 @@ args.target.appendChild(this.elem);
             this.dropInstance = new ej2_dropdowns_1.DropDownList({
-                dataSource: this.parent.dataSource instanceof ej2_data_1.DataManager ?
-                    this.parent.dataSource : new ej2_data_1.DataManager(this.parent.dataSource),
-                query: new ej2_data_1.Query().select(args.column.field),
-                fields: { text: args.column.field, value: args.column.field },
+                dataSource: dataSource instanceof ej2_data_1.DataManager ?
+                    dataSource : new ej2_data_1.DataManager(dataSource),
+                query: new ej2_data_1.Query().select(fields),
+                fields: { text: fields, value: fields },
                 placeholder: args.localizeText.getConstant('SelectValue'),
@@ -24,0 +25,0 @@ cssClass: 'e-popup-flmenu',

src/grid/renderer/cell-renderer.js

@@ -67,3 +67,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/util", "@syncfusion/ej2-buttons", "../base/constant"], function (require, exports, ej2_base_1, ej2_base_2, util_1, ej2_buttons_1, constant_1) {
             if (cell.isForeignKey) {
-                fData = cell.foreignKeyData[0];
+                fData = cell.foreignKeyData[0] || (_a = {}, _a[column.foreignKeyValue] = column.format ? null : '', _a);
             }
@@ -123,2 +123,3 @@ var innerHtml = this.getGui();
             return node;
+            var _a;
         };
@@ -125,0 +126,0 @@ CellRenderer.prototype.appendHtml = function (node, innerHtml, property) {

src/grid/renderer/edit-renderer.js

@@ -46,3 +46,3 @@ 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) {
                 }
-                value = col.valueAccessor(col.field, args.rowData, col);
+                value = (col.valueAccessor(col.field, args.rowData, col));
                 if (frzCols && cols.indexOf(col) >= frzCols && gObj.editSettings.mode === 'Normal') {
@@ -56,6 +56,15 @@ cell = fForm.querySelector('[e-mappinguid=' + col.uid + ']');
                 if (!ej2_base_1.isNullOrUndefined(cell)) {
-                    col.edit.write({
-                        rowData: args.rowData, element: cell, column: col, requestType: args.requestType, row: args.row,
-                        foreignKeyData: col.isForeignColumn() && ej2_base_1.getValue(col.field, args.foreignKeyData)
-                    });
+                    if (typeof temp === 'string') {
+                        temp = ej2_base_1.getValue(temp, window);
+                        temp({
+                            rowData: args.rowData, element: cell, column: col, requestType: args.requestType, row: args.row,
+                            foreignKeyData: col.isForeignColumn() && ej2_base_1.getValue(col.field, args.foreignKeyData)
+                        });
+                    }
+                    else {
+                        col.edit.write({
+                            rowData: args.rowData, element: cell, column: col, requestType: args.requestType, row: args.row,
+                            foreignKeyData: col.isForeignColumn() && ej2_base_1.getValue(col.field, args.foreignKeyData)
+                        });
+                    }
                     if (!isFocused && !cell.getAttribute('disabled')) {
@@ -103,7 +112,13 @@ this.focusElement(cell, args.type);
                 }
-                var value = col.valueAccessor(col.field, args.rowData, col);
+                var value = (col.valueAccessor(col.field, args.rowData, col));
                 var tArgs = { column: col, value: value, type: args.requestType, data: args.rowData };
                 var temp = col.edit.create;
                 var input = void 0;
-                input = col.edit.create(tArgs);
+                if (typeof temp === 'string') {
+                    temp = ej2_base_1.getValue(temp, window);
+                    input = temp(tArgs);
+                }
+                else {
+                    input = col.edit.create(tArgs);
+                }
                 if (typeof input === 'string') {
@@ -110,0 +125,0 @@ var div = ej2_base_2.createElement('div');

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

@@ -102,7 +102,13 @@ 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) {
                     temp = ej2_base_1.getValue(temp, window);
+                    temp({
+                        column: column, target: valueDiv,
+                        getOptrInstance: this.flMuiObj, dialogObj: this.dlgObj
+                    });
                 }
-                column.filter.ui.create({
-                    column: column, target: valueDiv,
-                    getOptrInstance: this.flMuiObj, dialogObj: this.dlgObj
-                });
+                else {
+                    column.filter.ui.create({
+                        column: column, target: valueDiv,
+                        getOptrInstance: this.flMuiObj, dialogObj: this.dlgObj
+                    });
+                }
             }
@@ -132,4 +138,7 @@ else {
                     temp = ej2_base_1.getValue(temp, window);
+                    temp({ column: col, target: target, parent: this.parent, filteredValue: flValue });
                 }
-                col.filter.ui.write({ column: col, target: target, parent: this.parent, filteredValue: flValue });
+                else {
+                    col.filter.ui.write({ column: col, target: target, parent: this.parent, filteredValue: flValue });
+                }
             }
@@ -151,4 +160,7 @@ else {
                     temp = ej2_base_1.getValue(temp, window);
+                    flValue = temp({ element: targ, column: col, operator: flOptrValue, fltrObj: this.filterObj });
                 }
-                flValue = col.filter.ui.read({ element: targ, column: col, operator: flOptrValue, fltrObj: this.filterObj });
+                else {
+                    flValue = col.filter.ui.read({ element: targ, column: col, operator: flOptrValue, fltrObj: this.filterObj });
+                }
             }
@@ -155,0 +167,0 @@ else {

src/grid/renderer/header-renderer.js

@@ -391,2 +391,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../base/enum", "./row-renderer", "../models/cell", "../models/row", "../base/constant", "@syncfusion/ej2-base", "../base/util"], function (require, exports, ej2_base_1, ej2_base_2, ej2_base_3, enum_1, row_renderer_1, cell_1, row_1, events, ej2_base_4, util_1) {
             this.widthService.setWidthToColumns();
+            this.parent.updateDefaultCursor();
             if (!frzCols) {
@@ -393,0 +394,0 @@ this.initializeHeaderDrag();

src/grid/renderer/render.js

@@ -105,2 +105,3 @@ 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) {
             var promise = this.data.saveChanges(args.changes, this.parent.getPrimaryKeyFieldNames()[0]);
+            var query = this.data.generateQuery().requiresCount();
             if (this.data.dataManager.dataSource.offline) {
@@ -111,3 +112,7 @@ this.refreshDataManager({ requestType: 'batchsave' });
             else {
-                promise.then(function (e) { return _this.dmSuccess(e, args); })
+                promise.then(function (e) {
+                    _this.data.getData(args, query)
+                        .then(function (e) { return _this.dmSuccess(e, args); })
+                        .catch(function (e) { return _this.dmFailure(e); });
+                })
                     .catch(function (e) { return _this.dmFailure(e); });
@@ -114,0 +119,0 @@ }

src/pager/pager-dropdown.d.ts

@@ -32,2 +32,3 @@ import { Pager } from './pager';
     private onChange(e);
+    setDropDownValue(prop: string, value: string | number): void;
     /**
@@ -34,0 +35,0 @@ * To destroy the Pagerdropdown

src/pager/pager-dropdown.js

@@ -41,2 +41,7 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-dropdowns"], function (require, exports, ej2_base_1, ej2_dropdowns_1) {
         };
+        PagerDropDown.prototype.setDropDownValue = function (prop, value) {
+            if (prop === 'value') {
+                this.dropDownListObject.value = value;
+            }
+        };
         PagerDropDown.prototype.destroy = function (args) {
@@ -43,0 +48,0 @@ if (this.dropDownListObject && !this.dropDownListObject.isDestroyed) {

src/pager/pager.js

@@ -114,2 +114,5 @@ var __extends = (this && this.__extends) || (function () {
                     case 'customText':
+                        if (this.checkpagesizes()) {
+                            this.pagerdropdownModule.setDropDownValue('value', this.pageSize);
+                        }
                         this.refresh();
@@ -116,0 +119,0 @@ break;

No alert changes

Improved metrics

Total package byte prevSize

25495701

increased by0.24%

Lines of code

251564

increased by0.15%

Worsened metrics

Number of lines in readme file

22

decreased by-15.38%

Dependency changes

• Updated@syncfusion/ej2-calendars@~16.1.34

• Updated@syncfusion/ej2-dropdowns@~16.1.34

• Updated@syncfusion/ej2-inputs@~16.1.34

• Updated@syncfusion/ej2-lists@~16.1.34

• Updated@syncfusion/ej2-navigations@~16.1.34