@syncfusion/ej2-vue-grids 32.2.9 → 33.1.45

package/src/grid/grid.component.d.ts

@@ -28,6 +28,7 @@ export declare type GridComponent = typeof ComponentBase & {
         [key: string]: Object;
     }, successHandler?: Function): void;
     addRecord(data?: Object, index?: number): void;
+    addRecordAsync(data?: Object, index?: number): Object;
     addShimmerEffect(): void;
     autoFitColumns(fieldNames?: string | string[], startRowIndex?: number, endRowIndex?: number): void;
     batchAsyncUpdate(changes: Object): void;
@@ -36,16 +37,21 @@ export declare type GridComponent = typeof ComponentBase & {
     changeDataSource(dataSource?: Object | Object | Object, columns?: Object[] | string[] | Object[], properties?: Object): void;
     clearCellSelection(): void;
     clearFiltering(fields?: string[]): void;
+    clearFilteringAsync(fields?: string[]): Object;
     clearGrouping(): void;
+    clearGroupingAsync(): Object;
     clearRowSelection(): void;
     clearSelection(): void;
     clearSorting(): void;
+    clearSortingAsync(): Object;
     closeEdit(): void;
     copy(withHeader?: boolean): void;
     csvExport(excelExportProperties?: Object, isMultipleExport?: boolean, workbook?: Object, isBlob?: boolean): Object;
     dataReady(): void;
     deleteRecord(fieldname?: string, data?: Object): void;
+    deleteRecordAsync(fieldname?: string, data?: Object): Object;
     deleteRow(tr: Object): void;
+    deleteRowAsync(tr: Object): Object;
     destroy(): void;
     destroyTemplate(propertyNames?: string[], index?: any, callback?: Object): void;
     detailCollapseAll(): void;
@@ -53,9 +59,11 @@ export declare type GridComponent = typeof ComponentBase & {
     editCell(index: number, field: string): void;
     enableToolbarItems(items: string[], isEnable: boolean): void;
     endEdit(): void;
+    endEditAsync(): Object;
     excelExport(excelExportProperties?: Object, isMultipleExport?: boolean, workbook?: Object, isBlob?: boolean): Object;
     extendRequiredModules(modules: Object[]): void;
     filterByColumn(fieldName: string, filterOperator: string, filterValue: string | number | Object | boolean | number[] | string[] | Object[] | boolean[] | null, predicate?: string, matchCase?: boolean, ignoreAccent?: boolean, actualFilterValue?: string, actualOperator?: string): void;
+    filterByColumnAsync(fieldName: string, filterOperator: string, filterValue: string | number | Object | boolean | number[] | string[] | Object[] | boolean[] | null, predicate?: string, matchCase?: boolean, ignoreAccent?: boolean, actualFilterValue?: string, actualOperator?: string): Object;
     freezeRefresh(): void;
     getBatchChanges(): Object;
     getCellFromIndex(rowIndex: number, columnIndex: number): Object;
@@ -98,6 +106,7 @@ export declare type GridComponent = typeof ComponentBase & {
     getMovableRowByIndex(index: number): Object;
     getMovableRows(): Object[];
     getPager(): Object;
+    getPersistColumns(): string;
     getPrimaryKeyFieldNames(): string[];
     getRowByIndex(index: number): Object;
     getRowIndexByPrimaryKey(value: string | Object | number): number;
@@ -113,8 +122,10 @@ export declare type GridComponent = typeof ComponentBase & {
     getUidByColumnField(field: string): string;
     getVisibleColumns(): Object[];
     goToPage(pageNo: number): void;
+    goToPageAsync(pageNo: number): Object;
     groupCollapseAll(): void;
     groupColumn(columnName: string): void;
+    groupColumnAsync(columnName: string): Object;
     groupExpandAll(): void;
     hideColumns(keys: string | string[], hideBy?: string): void;
     hideScroll(): void;
@@ -135,6 +146,7 @@ export declare type GridComponent = typeof ComponentBase & {
     reorderRows(fromIndexes: number[], toIndex: number): void;
     saveCell(): void;
     search(searchString: string): void;
+    searchAsync(searchString: string): Object;
     selectCell(cellIndex: Object, isToggle?: boolean): void;
     selectCells(rowCellIndexes: Object[]): void;
     selectCellsByRange(startIndex: Object, endIndex?: Object): void;
@@ -145,24 +157,30 @@ export declare type GridComponent = typeof ComponentBase & {
     serverExcelExport(url: string, headers?: Object): void;
     serverPdfExport(url: string, headers?: Object): void;
     setCellValue(key: string | number, field: string, value: string | number | boolean | Object | null): void;
+    setCellValueAsync(key: string | number, field: string, value: string | number | boolean | Object | null, delay: number): Object;
+    setColumns(columns: Object[]): void;
     setGridContent(element: Object): void;
     setGridContentTable(element: Object): void;
     setGridHeaderContent(element: Object): void;
     setGridHeaderTable(element: Object): void;
     setGridPager(element: Object): void;
     setRowData(key: string | number, rowData?: Object): void;
+    setRowDataAsync(key: string | number, rowData?: Object, delay?: number): Object;
     showAdaptiveFilterDialog(): void;
     showAdaptiveSortDialog(): void;
     showColumns(keys: string | string[], showBy?: string): void;
     showMaskRow(axisDirection?: string, dialogElement?: Object): void;
     showSpinner(): void;
     sortColumn(columnName: string, direction: Object, isMultiSort?: boolean): void;
+    sortColumnAsync(columnName: string, direction: Object, isMultiSort?: boolean): Object;
     startEdit(): void;
     ungroupColumn(columnName: string): void;
+    ungroupColumnAsync(columnName: string): Object;
     unpinRows(data: Object[]): void;
     updateCell(rowIndex: number, field: string, value: string | number | boolean | Object): void;
     updateExternalMessage(message: string): void;
     updateRow(index: number, data: Object): void;
+    updateRowAsync(index: number, data: Object): Object;
     updateRowValue(key: number, rowData: Object): void;
 };
 export declare const GridPlugin: {

package/src/grid/grid.component.js

@@ -147,6 +147,9 @@ export var GridComponent = vueDefineComponent({
         addRecord: function (data, index) {
             return this.ej2Instances.addRecord(data, index);
         },
+        addRecordAsync: function (data, index) {
+            return this.ej2Instances.addRecordAsync(data, index);
+        },
         addShimmerEffect: function () {
             return this.ej2Instances.addShimmerEffect();
         },
@@ -171,9 +174,15 @@ export var GridComponent = vueDefineComponent({
         clearFiltering: function (fields) {
             return this.ej2Instances.clearFiltering(fields);
         },
+        clearFilteringAsync: function (fields) {
+            return this.ej2Instances.clearFilteringAsync(fields);
+        },
         clearGrouping: function () {
             return this.ej2Instances.clearGrouping();
         },
+        clearGroupingAsync: function () {
+            return this.ej2Instances.clearGroupingAsync();
+        },
         clearRowSelection: function () {
             return this.ej2Instances.clearRowSelection();
         },
@@ -183,6 +192,9 @@ export var GridComponent = vueDefineComponent({
         clearSorting: function () {
             return this.ej2Instances.clearSorting();
         },
+        clearSortingAsync: function () {
+            return this.ej2Instances.clearSortingAsync();
+        },
         closeEdit: function () {
             return this.ej2Instances.closeEdit();
         },
@@ -198,9 +210,15 @@ export var GridComponent = vueDefineComponent({
         deleteRecord: function (fieldname, data) {
             return this.ej2Instances.deleteRecord(fieldname, data);
         },
+        deleteRecordAsync: function (fieldname, data) {
+            return this.ej2Instances.deleteRecordAsync(fieldname, data);
+        },
         deleteRow: function (tr) {
             return this.ej2Instances.deleteRow(tr);
         },
+        deleteRowAsync: function (tr) {
+            return this.ej2Instances.deleteRowAsync(tr);
+        },
         destroy: function () {
             return this.ej2Instances.destroy();
         },
@@ -222,6 +240,9 @@ export var GridComponent = vueDefineComponent({
         endEdit: function () {
             return this.ej2Instances.endEdit();
         },
+        endEditAsync: function () {
+            return this.ej2Instances.endEditAsync();
+        },
         excelExport: function (excelExportProperties, isMultipleExport, workbook, isBlob) {
             return this.ej2Instances.excelExport(excelExportProperties, isMultipleExport, workbook, isBlob);
         },
@@ -231,6 +252,9 @@ export var GridComponent = vueDefineComponent({
         filterByColumn: function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
             return this.ej2Instances.filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
         },
+        filterByColumnAsync: function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
+            return this.ej2Instances.filterByColumnAsync(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
+        },
         freezeRefresh: function () {
             return this.ej2Instances.freezeRefresh();
         },
@@ -357,6 +381,9 @@ export var GridComponent = vueDefineComponent({
         getPager: function () {
             return this.ej2Instances.getPager();
         },
+        getPersistColumns: function () {
+            return this.ej2Instances.getPersistColumns();
+        },
         getPrimaryKeyFieldNames: function () {
             return this.ej2Instances.getPrimaryKeyFieldNames();
         },
@@ -402,12 +429,18 @@ export var GridComponent = vueDefineComponent({
         goToPage: function (pageNo) {
             return this.ej2Instances.goToPage(pageNo);
         },
+        goToPageAsync: function (pageNo) {
+            return this.ej2Instances.goToPageAsync(pageNo);
+        },
         groupCollapseAll: function () {
             return this.ej2Instances.groupCollapseAll();
         },
         groupColumn: function (columnName) {
             return this.ej2Instances.groupColumn(columnName);
         },
+        groupColumnAsync: function (columnName) {
+            return this.ej2Instances.groupColumnAsync(columnName);
+        },
         groupExpandAll: function () {
             return this.ej2Instances.groupExpandAll();
         },
@@ -468,6 +501,9 @@ export var GridComponent = vueDefineComponent({
         search: function (searchString) {
             return this.ej2Instances.search(searchString);
         },
+        searchAsync: function (searchString) {
+            return this.ej2Instances.searchAsync(searchString);
+        },
         selectCell: function (cellIndex, isToggle) {
             return this.ej2Instances.selectCell(cellIndex, isToggle);
         },
@@ -498,6 +534,12 @@ export var GridComponent = vueDefineComponent({
         setCellValue: function (key, field, value) {
             return this.ej2Instances.setCellValue(key, field, value);
         },
+        setCellValueAsync: function (key, field, value, delay) {
+            return this.ej2Instances.setCellValueAsync(key, field, value, delay);
+        },
+        setColumns: function (columns) {
+            return this.ej2Instances.setColumns(columns);
+        },
         setGridContent: function (element) {
             return this.ej2Instances.setGridContent(element);
         },
@@ -516,6 +558,9 @@ export var GridComponent = vueDefineComponent({
         setRowData: function (key, rowData) {
             return this.ej2Instances.setRowData(key, rowData);
         },
+        setRowDataAsync: function (key, rowData, delay) {
+            return this.ej2Instances.setRowDataAsync(key, rowData, delay);
+        },
         showAdaptiveFilterDialog: function () {
             return this.ej2Instances.showAdaptiveFilterDialog();
         },
@@ -534,12 +579,18 @@ export var GridComponent = vueDefineComponent({
         sortColumn: function (columnName, direction, isMultiSort) {
             return this.ej2Instances.sortColumn(columnName, direction, isMultiSort);
         },
+        sortColumnAsync: function (columnName, direction, isMultiSort) {
+            return this.ej2Instances.sortColumnAsync(columnName, direction, isMultiSort);
+        },
         startEdit: function () {
             return this.ej2Instances.startEdit();
         },
         ungroupColumn: function (columnName) {
             return this.ej2Instances.ungroupColumn(columnName);
         },
+        ungroupColumnAsync: function (columnName) {
+            return this.ej2Instances.ungroupColumnAsync(columnName);
+        },
         unpinRows: function (data) {
             return this.ej2Instances.unpinRows(data);
         },
@@ -552,6 +603,9 @@ export var GridComponent = vueDefineComponent({
         updateRow: function (index, data) {
             return this.ej2Instances.updateRow(index, data);
         },
+        updateRowAsync: function (index, data) {
+            return this.ej2Instances.updateRowAsync(index, data);
+        },
         updateRowValue: function (key, rowData) {
             return this.ej2Instances.updateRowValue(key, rowData);
         },