@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 1.0.19 to 1.0.21

dist/es6/grid/actions.js

@@ -23,1 +23,4 @@ export * from './actions/data';
 export * from './actions/column-chooser';
+export * from './actions/excel-export';
+export * from './actions/pdf-export';
+export * from './actions/export-helper';

dist/es6/grid/actions/data.js

@@ -79,2 +79,3 @@ import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
     Data.prototype.getData = function (args, query) {
+        var _this = this;
         if (args === void 0) { args = { requestType: '' }; }
@@ -94,2 +95,11 @@ var key = this.getKey(args.foreignKeyData &&
         }
+        if (this.dataManager.ready) {
+            var ready = this.dataManager.ready;
+            ready.then(function (e) {
+                _this.dataManager = new DataManager(e.result);
+                _this.parent.refresh();
+            }).catch(function (e) {
+                _this.parent.trigger(events.actionFailure, { error: e });
+            });
+        }
         return this.dataManager.executeQuery(query);
@@ -96,0 +106,0 @@ };

dist/es6/grid/actions/page.js

 import { extend } from '@syncfusion/ej2-base';
 import { remove, createElement } from '@syncfusion/ej2-base';
 import { Pager } from '../../pager/pager';
+import { PagerDropDown } from '../../pager/pager-dropdown';
 import { ExternalMessage } from '../../pager/external-message';
 import { extend as gridExtend, getActualProperties, isActionPrevent } from '../base/util';
 import * as events from '../base/constant';
-Pager.Inject(ExternalMessage);
+Pager.Inject(ExternalMessage, PagerDropDown);
 var Page = (function () {
@@ -23,2 +24,3 @@ function Page(parent, pageSettings) {
             click: this.clickHandler.bind(this),
+            dropDownChanged: this.onSelect.bind(this),
             enableRtl: gObj.enableRtl, locale: gObj.locale,
@@ -29,2 +31,6 @@ created: this.addAriaAttr.bind(this)
     };
+    Page.prototype.onSelect = function (e) {
+        this.pageSettings.pageSize = e.pageSize;
+        this.pageSettings.currentPage = 1;
+    };
     Page.prototype.addAriaAttr = function () {
@@ -31,0 +37,0 @@ var _this = this;

dist/es6/grid/base/constant.js

@@ -111,1 +111,7 @@ export var created = 'create';
 export var doubleTap = 'double-tap';
+export var beforeExcelExport = 'beforeExcelExport';
+export var excelExportComplete = 'excelExportComplete';
+export var excelQueryCellInfo = 'excelQueryCellInfo';
+export var beforePdfExport = 'beforePdfExport';
+export var pdfExportComplete = 'pdfExportComplete';
+export var pdfQueryCellInfo = 'pdfQueryCellInfo';

dist/es6/grid/base/grid.js

@@ -330,3 +330,5 @@ var __extends = (this && this.__extends) || (function () {
             'beforeBatchSave', 'beginEdit', 'cellEdit', 'cellSave', 'endAdd', 'endDelete', 'endEdit', 'beforeDataBound',
-            'beforeOpenColumnChooser', 'allowResizing'];
+            'beforeOpenColumnChooser', 'allowResizing', 'ExcelExport', 'PdfExport',
+            'allowExcelExport', 'allowPdfExport',
+            'pdfQueryCellInfo', 'excelQueryCellInfo'];
         return this.addOnPersist(keyEntity);
@@ -342,2 +344,14 @@ };
         }
+        if (this.allowExcelExport) {
+            modules.push({
+                member: 'ExcelExport',
+                args: [this]
+            });
+        }
+        if (this.allowPdfExport) {
+            modules.push({
+                member: 'PdfExport',
+                args: [this]
+            });
+        }
         if (this.allowSorting) {
@@ -1248,2 +1262,11 @@ modules.push({
     };
+    Grid.prototype.excelExport = function (exportProperties, isMultipleExport, workbook) {
+        return this.excelExportModule.Map(this, exportProperties, isMultipleExport, workbook, false);
+    };
+    Grid.prototype.csvExport = function (exportProperties, isMultipleExport, workbook) {
+        return this.excelExportModule.Map(this, exportProperties, isMultipleExport, workbook, true);
+    };
+    Grid.prototype.pdfExport = function (exportProperties, isMultipleExport, pdfDoc) {
+        return this.pdfExportModule.Map(this, exportProperties, isMultipleExport, pdfDoc);
+    };
     return Grid;
@@ -1288,2 +1311,8 @@ }(Component));
 __decorate([
+    Property(false)
+], Grid.prototype, "allowExcelExport", void 0);
+__decorate([
+    Property(false)
+], Grid.prototype, "allowPdfExport", void 0);
+__decorate([
     Complex({}, SortSettings)
@@ -1437,2 +1466,8 @@ ], Grid.prototype, "sortSettings", void 0);
     Event()
+], Grid.prototype, "pdfQueryCellInfo", void 0);
+__decorate([
+    Event()
+], Grid.prototype, "excelQueryCellInfo", void 0);
+__decorate([
+    Event()
 ], Grid.prototype, "detailDataBound", void 0);
@@ -1439,0 +1474,0 @@ __decorate([

dist/es6/grid/models/page-settings.js

@@ -41,1 +41,4 @@ var __extends = (this && this.__extends) || (function () {
 ], PageSettings.prototype, "enableQueryString", void 0);
+__decorate([
+    Property(false)
+], PageSettings.prototype, "pageSizes", void 0);

dist/es6/grid/renderer/render.js

@@ -56,9 +56,12 @@ import { createElement, remove } from '@syncfusion/ej2-base';
         var _this = this;
+        var ready = this.data.dataManager.ready;
         this.ariaService.setBusy(this.parent.getContent().firstChild, true);
         var dataManager = this.data.getData(args, this.data.generateQuery().requiresCount());
-        if (this.parent.groupSettings.disablePageWiseAggregates && this.parent.groupSettings.columns.length) {
-            dataManager = dataManager.then(function (e) { return _this.validateGroupRecords(e); });
+        if (!ready) {
+            if (this.parent.groupSettings.disablePageWiseAggregates && this.parent.groupSettings.columns.length) {
+                dataManager = dataManager.then(function (e) { return _this.validateGroupRecords(e); });
+            }
+            dataManager.then(function (e) { return _this.dataManagerSuccess(e, args); })
+                .catch(function (e) { return _this.dataManagerFailure(e); });
         }
-        dataManager.then(function (e) { return _this.dataManagerSuccess(e, args); })
-            .catch(function (e) { return _this.dataManagerFailure(e); });
     };
@@ -159,3 +162,3 @@ Render.prototype.sendBulkRequest = function (args) {
         if (!this.isColTypeDef) {
-            this.updateColumnType(e.result[0]);
+            this.updateColumnType(gObj.getCurrentViewRecords()[0]);
         }
@@ -162,0 +165,0 @@ this.parent.notify(events.dataReady, extend({ count: e.count, result: e.result, aggregates: e.aggregates }, args));

dist/es6/pager/pager.js

@@ -35,3 +35,4 @@ var __extends = (this && this.__extends) || (function () {
             nextPagerTooltip: 'Go to next pager',
-            previousPagerTooltip: 'Go to previous pager'
+            previousPagerTooltip: 'Go to previous pager',
+            pagerDropDown: 'Items per page'
         };
@@ -50,2 +51,8 @@ _this.containerModule = new NumericContainer(_this);
         }
+        if (this.checkpagesizes()) {
+            modules.push({
+                member: 'pagerdropdown',
+                args: [this]
+            });
+        }
         return modules;
@@ -65,2 +72,5 @@ };
         this.renderNextLastDivForDevice();
+        if (this.checkpagesizes()) {
+            this.pagerdropdownModule.render();
+        }
         this.addAriaLabel();
@@ -74,4 +84,4 @@ if (this.enableExternalMessage && this.externalMessageModule) {
     Pager.prototype.getPersistData = function () {
-        var keyEntity = ['enableExternalMessage', 'enablePagerMessage', 'currentPage', 'enableQueryString',
-            'pageSize', 'pageCount', 'totalRecordsCount', 'externalMessage', 'customText', 'click', 'created'];
+        var keyEntity = ['enableExternalMessage', 'enablePagerMessage', 'currentPage', 'enableQueryString', 'pageSizes',
+            'pageSize', 'pageCount', 'totalRecordsCount', 'externalMessage', 'customText', 'click', 'created', 'dropDownChanged'];
         return this.addOnPersist(keyEntity);
@@ -109,2 +119,9 @@ };
                     break;
+                case 'pageSizes':
+                    if (this.checkpagesizes()) {
+                        this.pagerdropdownModule.destroy();
+                        this.pagerdropdownModule.render();
+                    }
+                    this.refresh();
+                    break;
                 case 'locale':
@@ -147,2 +164,8 @@ this.initLocalization();
     };
+    Pager.prototype.checkpagesizes = function () {
+        if (this.pageSizes === true || this.pageSizes.length) {
+            return true;
+        }
+        return false;
+    };
     Pager.prototype.checkGoToPage = function (newPageNo, oldPageNo) {
@@ -266,2 +289,5 @@ if (newPageNo !== this.currentPage) {
 __decorate([
+    Property(false)
+], Pager.prototype, "pageSizes", void 0);
+__decorate([
     Property('')
@@ -274,2 +300,5 @@ ], Pager.prototype, "customText", void 0);
     Event()
+], Pager.prototype, "dropDownChanged", void 0);
+__decorate([
+    Event()
 ], Pager.prototype, "created", void 0);
@@ -276,0 +305,0 @@ Pager = __decorate([

package.json

 {
   "name": "@syncfusion/ej2-grids",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Essential JS 2 Grid Component",
@@ -9,11 +9,15 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "^1.0.19",
+    "@syncfusion/ej2-base": "^1.0.21",
     "@syncfusion/ej2-data": "^1.0.19",
     "@syncfusion/ej2-navigations": "^1.0.19",
-    "@syncfusion/ej2-inputs": "^1.0.19",
-    "@syncfusion/ej2-calendars": "^1.0.19",
-    "@syncfusion/ej2-dropdowns": "^1.0.19",
+    "@syncfusion/ej2-inputs": "^1.0.21",
+    "@syncfusion/ej2-calendars": "^1.0.21",
+    "@syncfusion/ej2-dropdowns": "^1.0.21",
     "@syncfusion/ej2-popups": "^1.0.17",
     "@syncfusion/ej2-buttons": "^1.0.19",
-    "@syncfusion/ej2-lists": "^1.0.19"
+    "@syncfusion/ej2-lists": "^1.0.19",
+    "@syncfusion/ej2-excel-export": "^1.0.21",
+    "@syncfusion/ej2-pdf": "^1.0.21",
+    "@syncfusion/ej2-file-utils": "^1.0.21",
+    "@syncfusion/ej2-compression": "^1.0.21"
   },
@@ -20,0 +24,0 @@ "devDependencies": {

src/grid/actions.d.ts

@@ -26,1 +26,4 @@ /**
 export * from './actions/column-chooser';
+export * from './actions/excel-export';
+export * from './actions/pdf-export';
+export * from './actions/export-helper';

src/grid/actions.js

@@ -1,2 +0,2 @@
-define(["require", "exports", "./actions/data", "./actions/sort", "./actions/page", "./actions/selection", "./actions/filter", "./actions/search", "./actions/scroll", "./actions/resize", "./actions/reorder", "./actions/row-reorder", "./actions/group", "./actions/print", "./actions/detail-row", "./actions/toolbar", "./actions/aggregate", "./actions/virtual-scroll", "./actions/edit", "./actions/batch-edit", "./actions/inline-edit", "./actions/normal-edit", "./actions/dialog-edit", "./actions/column-chooser"], function (require, exports, data_1, sort_1, page_1, selection_1, filter_1, search_1, scroll_1, resize_1, reorder_1, row_reorder_1, group_1, print_1, detail_row_1, toolbar_1, aggregate_1, virtual_scroll_1, edit_1, batch_edit_1, inline_edit_1, normal_edit_1, dialog_edit_1, column_chooser_1) {
+define(["require", "exports", "./actions/data", "./actions/sort", "./actions/page", "./actions/selection", "./actions/filter", "./actions/search", "./actions/scroll", "./actions/resize", "./actions/reorder", "./actions/row-reorder", "./actions/group", "./actions/print", "./actions/detail-row", "./actions/toolbar", "./actions/aggregate", "./actions/virtual-scroll", "./actions/edit", "./actions/batch-edit", "./actions/inline-edit", "./actions/normal-edit", "./actions/dialog-edit", "./actions/column-chooser", "./actions/excel-export", "./actions/pdf-export", "./actions/export-helper"], function (require, exports, data_1, sort_1, page_1, selection_1, filter_1, search_1, scroll_1, resize_1, reorder_1, row_reorder_1, group_1, print_1, detail_row_1, toolbar_1, aggregate_1, virtual_scroll_1, edit_1, batch_edit_1, inline_edit_1, normal_edit_1, dialog_edit_1, column_chooser_1, excel_export_1, pdf_export_1, export_helper_1) {
     "use strict";
@@ -29,2 +29,5 @@ function __export(m) {
     __export(column_chooser_1);
+    __export(excel_export_1);
+    __export(pdf_export_1);
+    __export(export_helper_1);
 });

src/grid/actions/data.js

@@ -78,2 +78,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, ej2_data_1, util_1, events) {
         Data.prototype.getData = function (args, query) {
+            var _this = this;
             if (args === void 0) { args = { requestType: '' }; }
@@ -93,2 +94,11 @@ var key = this.getKey(args.foreignKeyData &&
             }
+            if (this.dataManager.ready) {
+                var ready = this.dataManager.ready;
+                ready.then(function (e) {
+                    _this.dataManager = new ej2_data_1.DataManager(e.result);
+                    _this.parent.refresh();
+                }).catch(function (e) {
+                    _this.parent.trigger(events.actionFailure, { error: e });
+                });
+            }
             return this.dataManager.executeQuery(query);
@@ -95,0 +105,0 @@ };

src/grid/actions/page.d.ts

@@ -29,2 +29,3 @@ import { PageSettingsModel } from '../models/page-settings-model';
     render(): void;
+    private onSelect(e);
     private addAriaAttr();
@@ -31,0 +32,0 @@ private dataReady(e?);

src/grid/actions/page.js

@@ -1,5 +0,5 @@
-define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "../../pager/pager", "../../pager/external-message", "../base/util", "../base/constant"], function (require, exports, ej2_base_1, ej2_base_2, pager_1, external_message_1, util_1, events) {
+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) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    pager_1.Pager.Inject(external_message_1.ExternalMessage);
+    pager_1.Pager.Inject(external_message_1.ExternalMessage, pager_dropdown_1.PagerDropDown);
     var Page = (function () {
@@ -20,2 +20,3 @@ function Page(parent, pageSettings) {
                 click: this.clickHandler.bind(this),
+                dropDownChanged: this.onSelect.bind(this),
                 enableRtl: gObj.enableRtl, locale: gObj.locale,
@@ -26,2 +27,6 @@ created: this.addAriaAttr.bind(this)
         };
+        Page.prototype.onSelect = function (e) {
+            this.pageSettings.pageSize = e.pageSize;
+            this.pageSettings.currentPage = 1;
+        };
         Page.prototype.addAriaAttr = function () {
@@ -28,0 +33,0 @@ var _this = this;

src/grid/base/constant.d.ts

@@ -224,1 +224,13 @@ /** @hidden */
 export declare const doubleTap: string;
+/** @hidden */
+export declare const beforeExcelExport: string;
+/** @hidden */
+export declare const excelExportComplete: string;
+/** @hidden */
+export declare const excelQueryCellInfo: string;
+/** @hidden */
+export declare const beforePdfExport: string;
+/** @hidden */
+export declare const pdfExportComplete: string;
+/** @hidden */
+export declare const pdfQueryCellInfo: string;

src/grid/base/constant.js

@@ -114,2 +114,8 @@ define(["require", "exports"], function (require, exports) {
     exports.doubleTap = 'double-tap';
+    exports.beforeExcelExport = 'beforeExcelExport';
+    exports.excelExportComplete = 'excelExportComplete';
+    exports.excelQueryCellInfo = 'excelQueryCellInfo';
+    exports.beforePdfExport = 'beforePdfExport';
+    exports.pdfExportComplete = 'pdfExportComplete';
+    exports.pdfQueryCellInfo = 'pdfQueryCellInfo';
 });

src/grid/base/enum.d.ts

@@ -126,1 +126,5 @@ /**
 export declare type WrapMode = 'both' | 'header' | 'content';
+/**
+ * Defines Multiple Export Type.
+ */
+export declare type MultipleExportType = 'appendtosheet' | 'newsheet';

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

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, ChildProperty, Browser } from '@syncfusion/ej2-base';import { isNullOrUndefined } 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 } from '@syncfusion/ej2-data';import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';import { iterateArrayOrObject, prepareColumns, parentsUntil, wrap, templateCompiler } from './util';import * as events from '../base/constant';import { IRenderer, IValueFormatter, IFilterOperator, IIndex, RowDataBoundEventArgs, QueryCellInfoEventArgs } from './interface';import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails } from './interface';import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs } from './interface';import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';import { BeforeBatchAddArgs, BeforeBatchDeleteArgs, BeforeBatchSaveArgs, ResizeArgs } from './interface';import { BatchAddArgs, BatchDeleteArgs, BeginEditArgs, CellEditArgs, CellSaveArgs, BeforeDataBoundArgs } from './interface';import { DetailDataBoundEventArgs, ColumnChooserEventArgs, AddEventArgs, SaveEventArgs, EditEventArgs, DeleteEventArgs } from './interface';import { SearchEventArgs, SortEventArgs, ISelectedCell, EJ2Intance } 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 } from './enum';import { Data } from '../actions/data';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 { 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 { Component, ModuleDeclaration, ChildProperty, Browser } from '@syncfusion/ej2-base';import { isNullOrUndefined } 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 } from '@syncfusion/ej2-data';import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';import { iterateArrayOrObject, prepareColumns, parentsUntil, wrap, templateCompiler } from './util';import * as events from '../base/constant';import { IRenderer, IValueFormatter, IFilterOperator, IIndex, RowDataBoundEventArgs, QueryCellInfoEventArgs } from './interface';import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails } from './interface';import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from './interface';import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs } from './interface';import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';import { BeforeBatchAddArgs, BeforeBatchDeleteArgs, BeforeBatchSaveArgs, ResizeArgs } from './interface';import { BatchAddArgs, BatchDeleteArgs, BeginEditArgs, CellEditArgs, CellSaveArgs, BeforeDataBoundArgs } from './interface';import { DetailDataBoundEventArgs, ColumnChooserEventArgs, AddEventArgs, SaveEventArgs, EditEventArgs, DeleteEventArgs } from './interface';import { SearchEventArgs, SortEventArgs, ISelectedCell, EJ2Intance } 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 } from './enum';import { Data } from '../actions/data';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 { 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 {ComponentModel} from '@syncfusion/ej2-base';
@@ -440,3 +440,3 @@
      * Configures the pager in the Grid.  
-     * @default PageSettings{currentPage: 1, pageSize: 12, pageCount: 8, enableQueryString: false}     
+     * @default PageSettings{currentPage: 1, pageSize: 12, pageCount: 8, enableQueryString: false, pageSizes: false}     
      */
@@ -472,2 +472,14 @@ pageSettings?: PageSettingsModel;
     /**
+     * If `allowExcelExport` set to true, then it will allow the user to export grid to Excel file.
+     * @default false    
+     */
+    allowExcelExport?: boolean;
+
+    /**
+     * If `allowPdfExport` set to true, then it will allow the user to export grid to Pdf file.
+     * @default false    
+     */
+    allowPdfExport?: boolean;
+
+    /**
      * Configures the sort settings.  
@@ -700,5 +712,5 @@ * @default {columns:[]}
      * * print - Print the Grid.
-     * * excelexport - Export the Grid to Excel.
-     * * pdfexport - Export the Grid to PDF.
-     * * csvexport - Export the Grid to CSV.<br><br>
+     * * excelexport - Export the Grid to Excel(excelExport() method manually to make export.)
+     * * pdfexport - Export the Grid to PDF(pdfExport() method manually to make export.)
+     * * csvexport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>
      * The following code example implements the custom toolbar items.
@@ -868,2 +880,14 @@ * ```html
     /**
+     * Triggers before exporting each cell to PDF document.
+     * @event 
+     */
+    pdfQueryCellInfo?: EmitType<PdfQueryCellInfoEventArgs>;
+
+    /**
+     * Triggers before exporting each cell to Excel file.
+     * @event
+     */
+    excelQueryCellInfo?: EmitType<ExcelQueryCellInfoEventArgs>;
+
+    /**
      * Triggers after detail row expanded.
@@ -870,0 +894,0 @@ * > This event triggers at initial expand.

src/grid/base/grid.d.ts

@@ -9,2 +9,3 @@ import { Component, ModuleDeclaration, ChildProperty } from '@syncfusion/ej2-base';
 import { CellDeselectEventArgs, CellSelectEventArgs, CellSelectingEventArgs, ParentDetails } from './interface';
+import { PdfQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from './interface';
 import { FailureEventArgs, FilterEventArgs, ColumnDragEventArgs, GroupEventArgs, PrintEventArgs } from './interface';
@@ -44,2 +45,4 @@ import { RowDeselectEventArgs, RowSelectEventArgs, RowSelectingEventArgs, PageEventArgs, RowDragEventArgs } from './interface';
 import { ColumnChooser } from '../actions/column-chooser';
+import { ExcelExport } from '../actions/excel-export';
+import { PdfExport } from '../actions/pdf-export';
 /**
@@ -496,2 +499,10 @@ * Represents the field name and direction of sort column.
     /**
+     * `excelExportModule` is used to manipulate Excel exporting feature in the Grid.
+     */
+    excelExportModule: ExcelExport;
+    /**
+     * `pdfExportModule` is used to manipulate PDF exporting feature in the Grid.
+     */
+    pdfExportModule: PdfExport;
+    /**
      * `detailRowModule` is used to handle detail rows rendering in the Grid.
@@ -554,3 +565,3 @@ * @hidden
      * Configures the pager in the Grid.
-     * @default PageSettings{currentPage: 1, pageSize: 12, pageCount: 8, enableQueryString: false}
+     * @default PageSettings{currentPage: 1, pageSize: 12, pageCount: 8, enableQueryString: false, pageSizes: false}
      */
@@ -581,2 +592,12 @@ pageSettings: PageSettingsModel;
     /**
+     * If `allowExcelExport` set to true, then it will allow the user to export grid to Excel file.
+     * @default false
+     */
+    allowExcelExport: boolean;
+    /**
+     * If `allowPdfExport` set to true, then it will allow the user to export grid to Pdf file.
+     * @default false
+     */
+    allowPdfExport: boolean;
+    /**
      * Configures the sort settings.
@@ -784,5 +805,5 @@ * @default {columns:[]}
      * * print - Print the Grid.
-     * * excelexport - Export the Grid to Excel.
-     * * pdfexport - Export the Grid to PDF.
-     * * csvexport - Export the Grid to CSV.<br><br>
+     * * excelexport - Export the Grid to Excel(excelExport() method manually to make export.)
+     * * pdfexport - Export the Grid to PDF(pdfExport() method manually to make export.)
+     * * csvexport - Export the Grid to CSV(csvExport() method manually to make export.)<br><br>
      * The following code example implements the custom toolbar items.
@@ -928,2 +949,12 @@ * ```html
     /**
+     * Triggers before exporting each cell to PDF document.
+     * @event
+     */
+    pdfQueryCellInfo: EmitType<PdfQueryCellInfoEventArgs>;
+    /**
+     * Triggers before exporting each cell to Excel file.
+     * @event
+     */
+    excelQueryCellInfo: EmitType<ExcelQueryCellInfoEventArgs>;
+    /**
      * Triggers after detail row expanded.
@@ -1534,2 +1565,26 @@ * > This event triggers at initial expand.
     refreshColumns(): void;
+    /**
+     * Export Grid data to Excel file(.xlsx).
+     * @param  {exportProperties} exportProperties - Defines the export properties of the Grid.
+     * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
+     * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
+     * @return {Promise<any>}
+     */
+    excelExport(exportProperties?: any, isMultipleExport?: boolean, workbook?: any): Promise<any>;
+    /**
+     * Export Grid data to CSV file.
+     * @param  {exportProperties} exportProperties - Defines the export properties of the Grid.
+     * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
+     * @param  {workbook} workbook - Defines the Workbook if multiple export is enabled.
+     * @return {Promise<any>}
+     */
+    csvExport(exportProperties?: any, isMultipleExport?: boolean, workbook?: any): Promise<any>;
+    /**
+     * Export Grid data to PDF document.
+     * @param  {exportProperties} exportProperties - Defines the export properties of the Grid.
+     * @param  {isMultipleExport} isMultipleExport - Define to enable multiple export.
+     * @param  {pdfDoc} pdfDoc - Defined the Pdf Document if multiple export is enabled.
+     * @return {Promise<any>}
+     */
+    pdfExport(exportProperties?: any, isMultipleExport?: boolean, pdfDoc?: Object): Promise<Object>;
 }

src/grid/base/interface.d.ts

@@ -76,2 +76,12 @@ import { Component, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
     /**
+     * Specifies whether the Excel exporting is enable or not.
+     * @default null
+     */
+    allowExcelExport?: boolean;
+    /**
+     * Specifies whether the Pdf exporting is enable or not.
+     * @default null
+     */
+    allowPdfExport?: boolean;
+    /**
      * Specifies whether the selection is enable or not.
@@ -256,4 +266,7 @@ * @default null
     getPrimaryKeyFieldNames?(): string[];
-    print?(): void;
-    search?(searchString: string): void;
+    print(): void;
+    excelExport(exportProperties?: any, isMultipleExport?: boolean, workbook?: any): Promise<any>;
+    csvExport(exportProperties?: any, isMultipleExport?: boolean, workbook?: any): Promise<any>;
+    pdfExport(exportProperties?: any, isMultipleExport?: boolean, pdfDoc?: Object): Promise<Object>;
+    search(searchString: string): void;
     deleteRecord?(fieldname?: string, data?: Object): void;
@@ -578,2 +591,12 @@ startEdit?(): void;
 }
+export interface PdfQueryCellInfoEventArgs {
+    column?: Column;
+    style?: any;
+    value?: any;
+}
+export interface ExcelQueryCellInfoEventArgs {
+    column: any;
+    value?: any;
+    style?: any;
+}
 export interface RowDragEventArgs {
@@ -580,0 +603,0 @@ /** Defines the selected rows element. */

src/grid/models/column.d.ts

@@ -349,3 +349,3 @@ import { NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
      * Defines the minimum width of column in pixels or percentage.
-     * @default 50
+     * @default undefined
      */
@@ -352,0 +352,0 @@ minWidth?: string | number;

src/grid/models/page-settings-model.d.ts

@@ -39,2 +39,9 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';
 
+    /**
+     * If `pageSizes` set to true or Array of values,
+     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.      
+     * @default false    
+     */
+    pageSizes?: boolean|number[];
+
 }

src/grid/models/page-settings.d.ts

@@ -32,2 +32,8 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     enableQueryString: boolean;
+    /**
+     * If `pageSizes` set to true or Array of values,
+     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.
+     * @default false
+     */
+    pageSizes: boolean | number[];
 }

src/grid/models/page-settings.js

@@ -42,3 +42,6 @@ var __extends = (this && this.__extends) || (function () {
     ], PageSettings.prototype, "enableQueryString", void 0);
+    __decorate([
+        ej2_base_1.Property(false)
+    ], PageSettings.prototype, "pageSizes", void 0);
     exports.PageSettings = PageSettings;
 });

src/grid/renderer/render.js

@@ -41,9 +41,12 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base", "@syncfusion/ej2-data", "../base/enum", "../actions/data", "../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, enum_1, data_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 _this = this;
+            var ready = this.data.dataManager.ready;
             this.ariaService.setBusy(this.parent.getContent().firstChild, true);
             var dataManager = this.data.getData(args, this.data.generateQuery().requiresCount());
-            if (this.parent.groupSettings.disablePageWiseAggregates && this.parent.groupSettings.columns.length) {
-                dataManager = dataManager.then(function (e) { return _this.validateGroupRecords(e); });
+            if (!ready) {
+                if (this.parent.groupSettings.disablePageWiseAggregates && this.parent.groupSettings.columns.length) {
+                    dataManager = dataManager.then(function (e) { return _this.validateGroupRecords(e); });
+                }
+                dataManager.then(function (e) { return _this.dataManagerSuccess(e, args); })
+                    .catch(function (e) { return _this.dataManagerFailure(e); });
             }
-            dataManager.then(function (e) { return _this.dataManagerSuccess(e, args); })
-                .catch(function (e) { return _this.dataManagerFailure(e); });
         };
@@ -144,3 +147,3 @@ Render.prototype.sendBulkRequest = function (args) {
             if (!this.isColTypeDef) {
-                this.updateColumnType(e.result[0]);
+                this.updateColumnType(gObj.getCurrentViewRecords()[0]);
             }
@@ -147,0 +150,0 @@ this.parent.notify(events.dataReady, ej2_base_2.extend({ count: e.count, result: e.result, aggregates: e.aggregates }, args));

src/pager/pager-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, L10n, EmitType, Browser } from '@syncfusion/ej2-base';import { createElement, remove, classList } from '@syncfusion/ej2-base';import { isNullOrUndefined } from '@syncfusion/ej2-base';import { Property, Event, NotifyPropertyChanges, INotifyPropertyChanged } from '@syncfusion/ej2-base';import { NumericContainer } from './numeric-container';import { PagerMessage } from './pager-message';import { ExternalMessage } from './external-message';
+import { Component, ModuleDeclaration, L10n, EmitType, Browser } from '@syncfusion/ej2-base';import { createElement, remove, classList } from '@syncfusion/ej2-base';import { isNullOrUndefined } from '@syncfusion/ej2-base';import { Property, Event, NotifyPropertyChanges, INotifyPropertyChanged } from '@syncfusion/ej2-base';import { PagerDropDown } from './pager-dropdown';import { NumericContainer } from './numeric-container';import { PagerMessage } from './pager-message';import { ExternalMessage } from './external-message';
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -59,2 +59,9 @@
     /**
+     * If `pageSizes` set to true or Array of values,
+     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.    
+     * @default false    
+     */
+    pageSizes?: boolean | number[];
+
+    /**
      * Defines the customized text to append with numeric items.  
@@ -72,2 +79,8 @@ * @default null
     /**
+     * Triggers after pageSize is selected in DropDownList.   
+     * @default null  
+     */
+    dropDownChanged?: EmitType<Object>;
+
+    /**
      * Triggers when Pager is created.   
@@ -74,0 +87,0 @@ * @default null

src/pager/pager.d.ts

 import { Component, ModuleDeclaration, L10n, EmitType } from '@syncfusion/ej2-base';
 import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
 import { PagerModel } from './pager-model';
+import { PagerDropDown } from './pager-dropdown';
 import { NumericContainer } from './numeric-container';
@@ -45,2 +46,7 @@ import { PagerMessage } from './pager-message';
     /**
+     * `pagerdropdownModule` is used to manipulate pageSizes of Pager.
+     *  @hidden
+     */
+    pagerdropdownModule: PagerDropDown;
+    /**
      * If `enableQueryString` set to true,
@@ -87,2 +93,8 @@ * then it pass current page information as a query string along with the URL while navigating to other page.
     /**
+     * If `pageSizes` set to true or Array of values,
+     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.
+     * @default false
+     */
+    pageSizes: boolean | number[];
+    /**
      * Defines the customized text to append with numeric items.
@@ -98,2 +110,7 @@ * @default null
     /**
+     * Triggers after pageSize is selected in DropDownList.
+     * @default null
+     */
+    dropDownChanged: EmitType<Object>;
+    /**
      * Triggers when Pager is created.
@@ -155,2 +172,3 @@ * @default null
     goToPage(pageNo: number): void;
+    private checkpagesizes();
     private checkGoToPage(newPageNo, oldPageNo?);
@@ -157,0 +175,0 @@ private currentPageChanged();

src/pager/pager.js

@@ -32,3 +32,4 @@ var __extends = (this && this.__extends) || (function () {
                 nextPagerTooltip: 'Go to next pager',
-                previousPagerTooltip: 'Go to previous pager'
+                previousPagerTooltip: 'Go to previous pager',
+                pagerDropDown: 'Items per page'
             };
@@ -47,2 +48,8 @@ _this.containerModule = new numeric_container_1.NumericContainer(_this);
             }
+            if (this.checkpagesizes()) {
+                modules.push({
+                    member: 'pagerdropdown',
+                    args: [this]
+                });
+            }
             return modules;
@@ -62,2 +69,5 @@ };
             this.renderNextLastDivForDevice();
+            if (this.checkpagesizes()) {
+                this.pagerdropdownModule.render();
+            }
             this.addAriaLabel();
@@ -71,4 +81,4 @@ if (this.enableExternalMessage && this.externalMessageModule) {
         Pager.prototype.getPersistData = function () {
-            var keyEntity = ['enableExternalMessage', 'enablePagerMessage', 'currentPage', 'enableQueryString',
-                'pageSize', 'pageCount', 'totalRecordsCount', 'externalMessage', 'customText', 'click', 'created'];
+            var keyEntity = ['enableExternalMessage', 'enablePagerMessage', 'currentPage', 'enableQueryString', 'pageSizes',
+                'pageSize', 'pageCount', 'totalRecordsCount', 'externalMessage', 'customText', 'click', 'created', 'dropDownChanged'];
             return this.addOnPersist(keyEntity);
@@ -106,2 +116,9 @@ };
                         break;
+                    case 'pageSizes':
+                        if (this.checkpagesizes()) {
+                            this.pagerdropdownModule.destroy();
+                            this.pagerdropdownModule.render();
+                        }
+                        this.refresh();
+                        break;
                     case 'locale':
@@ -144,2 +161,8 @@ this.initLocalization();
         };
+        Pager.prototype.checkpagesizes = function () {
+            if (this.pageSizes === true || this.pageSizes.length) {
+                return true;
+            }
+            return false;
+        };
         Pager.prototype.checkGoToPage = function (newPageNo, oldPageNo) {
@@ -263,2 +286,5 @@ if (newPageNo !== this.currentPage) {
     __decorate([
+        ej2_base_4.Property(false)
+    ], Pager.prototype, "pageSizes", void 0);
+    __decorate([
         ej2_base_4.Property('')
@@ -271,2 +297,5 @@ ], Pager.prototype, "customText", void 0);
         ej2_base_4.Event()
+    ], Pager.prototype, "dropDownChanged", void 0);
+    __decorate([
+        ej2_base_4.Event()
     ], Pager.prototype, "created", void 0);
@@ -273,0 +302,0 @@ Pager = __decorate([

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

16371824

increased by27.6%

Number of package files

315

increased by3.96%

Lines of code

166455

increased by19.52%

Worsened metrics

Dependency count

13

increased by44.44%

Dependency changes

• + Added@syncfusion/ej2-compression@^1.0.21

• + Added@syncfusion/ej2-excel-export@^1.0.21

• + Added@syncfusion/ej2-file-utils@^1.0.21

• + Added@syncfusion/ej2-pdf@^1.0.21

• + Added@syncfusion/ej2-compression@1.0.21(transitive)

• + Added@syncfusion/ej2-excel-export@1.0.24(transitive)

• + Added@syncfusion/ej2-file-utils@1.0.21(transitive)

• + Added@syncfusion/ej2-pdf@1.0.23(transitive)

• Updated@syncfusion/ej2-base@^1.0.21

• Updated@syncfusion/ej2-calendars@^1.0.21

• Updated@syncfusion/ej2-dropdowns@^1.0.21

• Updated@syncfusion/ej2-inputs@^1.0.21