Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@syncfusion/ej2-treegrid

Package Overview
Dependencies
Maintainers
3
Versions
239
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-treegrid - npm Package Compare versions

Comparing version 22.2.9 to 23.1.36

65

CHANGELOG.md

@@ -5,51 +5,27 @@ # Changelog

## 22.2.7 (2023-08-02)
### Tree Grid
#### Bug fixes
#### Features
- `#I483217` - Fixed an issue where the column template was not functioning correctly when the `getpersistdata` method was used.
- `#I341079` - Provided support for exporting data to PDF, CSV, and Excel formats using server-side functionality. Please find the demo [here](https://ej2.syncfusion.com/aspnetcore/TreeGrid/ServerSideExporting#/material3).
## 22.1.39 (2023-07-18)
- Added support for the new `fixed` mode within the `freeze` property of column settings. When a column is set as `fixed`, it will stay within the viewport during horizontal scrolling, enhancing the user experience with improved visibility and efficiency.
### Tree Grid
#### Breaking changes
#### Bug fixes
- Optimized the frozen columns feature in Tree Grid and thus changed the dom structure of tree grid from two table to single table architecture. Also, the following methods have been deprecated, and it's recommended to use the following alternatives instead.
- `#I478636`, `#F183159` - Fixed the issue where an unwanted tooltip was being displayed in the checkbox column feature.
Deprecated Methods | Previous | Current | Suggested Alternative Methods
--- | --- | --- | ---
| `getMoavableRows` | This method returns only the movable table rows `(tr's)`. | This method will return all table rows `(tr's)` of the entire table. The movable cells within the tr element can be selected using the `e-unfreeze` class. | `getRows()` |
`getFrozenRightRows()` | This method returns only the table rows `(tr's)` from the freeze right table. | This method will return all the rows `(tr’s)` of the entire table. The frozen right cells can be selected using the `e-rightfreeze` class. | `getRows()`
`getMovableRowByIndex()` <br> `getFrozenRightRowByIndex()` | * `getMovableRowByIndex` - select a movable row <br> *`getFrozenRightRowByIndex` - select a right freeze row. | This method will return the table row `(tr)` based on the given index. Additionally, class names for table cells `(td's)` have been separated as follows: <br> * Left-Freeze: `e-leftfreeze` <br> * Movable: `e-unfreeze` <br> | `getRowByIndex()`
`getMovableCellFromIndex()` <br> `getFrozenRightCellFromIndex()` | * `getMovableCellFromIndex()` - select a particular cell in the movable table. <br> *`getFrozenRightCellFromIndex()` - select a particular cell in the right freeze table.|No change| `getCellFromIndex()`
`getMovableDataRows()` <br> `getFrozenRightDataRows()` | These methods return the viewport data rows for the freeze, movable tables separately. | This method, will return the entire viewport data rows.| `getDataRows()`
`getMovableColumnHeaderByIndex()` <br> `getFrozenRightColumnHeaderByIndex()` <br> `getFrozenLeftColumnHeaderByIndex()` | These methods select the movable, right freeze, and left freeze headers from the table separately. | No change | `getColumnHeaderByIndex`()
## 22.1.38 (2023-07-11)
## 20.2.36 (2022-06-30)
### Tree Grid
#### Bug fixes
- `#I471838` - Fixed a bug in the virtualization feature that caused a white space issue when changing the page size using the `databound` event.
- `#I459187` - Fixed an issue where a white space would occur when deleting a parent record in virtualization.
- `#F182900` - Fixed the issue where the newly added form was placed incorrectly when selecting two records and performing an add action.
## 22.1.37 (2023-07-04)
### Tree Grid
#### Bug fixes
- `#I461924`, `#I473131` - Resolved the collapsed event multiple times triggered issue in virtualization enabled samples.
- `#I471838` - Resolved white space issue occurred in virtualization feature when changing the page size using databound event.
## 22.1.36 (2023-06-28)
### Tree Grid
#### Bug fixes
- `#I469071` - Fixed issue where scrolling down using the scroll bar would cause some records to not be displayed and scrolling using the mouse would repeat some records in virtualization.
- `#F182421` - Fixed an issue where the stacked column was not functioning properly when resizing was enabled in the treegrid.
- `#I182710` - Fixed an issue where the child aggregates row would display in the current view records.
## 22.1.34 (2023-06-21)
### Tree Grid
#### Features

@@ -60,15 +36,2 @@

## 20.2.36 (2022-06-30)
### Tree Grid
#### Bug fixes
- `#I379907` - Resolved editing for the dropdown edit type column with state persistence enabled.
#### Features
- `#I334966`, `#I373929`, `#I332693`, `#I342835`, `#F172606`, `#F171250`, `#F171248` - Provided row drag and drop support with virtualization feature enabled.
- `#I367483` - Provided support for row indent and outdent functionality. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/inline-editing).
## 19.2.44 (2021-06-30)

@@ -75,0 +38,0 @@

/*!
* filename: index.d.ts
* version : 22.2.9
* version : 23.1.36
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.

@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

{
"_from": "@syncfusion/ej2-treegrid@*",
"_id": "@syncfusion/ej2-treegrid@22.2.7",
"_id": "@syncfusion/ej2-treegrid@20.12.1",
"_inBundle": false,
"_integrity": "sha512-o8+KYvDYa3+iIyNrsSOWgw312DfYRAXC/p/ci7TtSarH0/pUmS0j1X/pnDAr6xVTU0GL2N/xCGyrEIXhUxpKIQ==",
"_integrity": "sha512-n6e5yiixxBLzzo3YfUn/KufAQuq7ag6KxBHBC6wMOauUgHo4RR7xfDTaYKLDeqsoaMW84KYWKu44kgAHJola4Q==",
"_location": "/@syncfusion/ej2-treegrid",

@@ -27,6 +27,6 @@ "_phantomChildren": {},

],
"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-22.2.7.tgz",
"_shasum": "50d28084650115fe8009065240becadd7c1c3b4b",
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.12.1.tgz",
"_shasum": "54f6b91334d3cb230af0de267f306236cf0e20cc",
"_spec": "@syncfusion/ej2-treegrid@*",
"_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
"_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
"author": {

@@ -40,6 +40,6 @@ "name": "Syncfusion Inc."

"dependencies": {
"@syncfusion/ej2-base": "~22.2.9",
"@syncfusion/ej2-data": "~22.2.5",
"@syncfusion/ej2-grids": "~22.2.9",
"@syncfusion/ej2-popups": "~22.2.9"
"@syncfusion/ej2-base": "~23.1.36",
"@syncfusion/ej2-data": "~23.1.36",
"@syncfusion/ej2-grids": "~23.1.36",
"@syncfusion/ej2-popups": "~23.1.36"
},

@@ -71,4 +71,4 @@ "deprecated": false,

"typings": "index.d.ts",
"version": "22.2.9",
"version": "23.1.36",
"sideEffects": false
}

@@ -111,17 +111,3 @@ import { isNullOrUndefined, extend, setValue, getValue, merge } from '@syncfusion/ej2-base';

var actualCellIndex = args.column.index;
var frozenCols = this.parent.frozenColumns || this.parent.getFrozenColumns();
if (frozenCols && args.columnObject.index > frozenCols) {
actualCellIndex = actualCellIndex + frozenCols;
}
var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
if (freeze) {
var colCount = this.parent.getFrozenLeftColumnsCount() + actualCellIndex;
if (colCount === this.parent.treeColumnIndex) {
this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
column: this.parent.grid.getColumnByIndex(args.column.index)
});
}
}
else if (actualCellIndex === this.parent.treeColumnIndex) {
if (actualCellIndex === this.parent.treeColumnIndex) {
this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,

@@ -330,3 +316,3 @@ column: this.parent.grid.getColumnByIndex(args.column.index)

if (this.parent.frozenRows || this.parent.frozenColumns || this.parent.getFrozenColumns()) {
row.push(this.parent.grid.getMovableRows()[parseInt(i.toString(), 10)]);
row.push(this.parent.grid.getHeaderContent()[parseInt(i.toString(), 10)]);
}

@@ -363,14 +349,2 @@ }

}
var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
var mRows = this.parent.grid.getMovableDataRows();
var freezeRightRows = this.parent.grid.getFrozenRightDataRows();
for (var i = 0; i < mRows.length; i++) {
mRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
if (freeze) {
freezeRightRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
}
}
}
};

@@ -377,0 +351,0 @@ BatchEdit.prototype.updateChildCount = function (records) {

@@ -389,3 +389,3 @@ import { isNullOrUndefined, extend, getValue } from '@syncfusion/ej2-base';

if (control.frozenRows || control.getFrozenColumns()) {
movableRow = control.getMovableRowByIndex(index_1);
movableRow = control.getRowByIndex(index_1);
}

@@ -392,0 +392,0 @@ if (!control.enableVirtualization && !isNullOrUndefined(row) || !isNullOrUndefined(movableRow)) {

@@ -193,4 +193,4 @@ import { Grid, Edit as GridEdit, getUid, getObject, resetRowIndex } from '@syncfusion/ej2-grids';

}
var movableRows = this.parent.grid.getMovableRows();
var movableRowsObject = this.parent.grid.getMovableRowsObject();
var movableRows = this.parent.grid.getRows();
var movableRowsObject = this.parent.grid.getRowsObject();
var isCache = this.parent.infiniteScrollSettings.enableCache;

@@ -402,7 +402,4 @@ if (!isCache) {

}
else if (this.parent.getFrozenRightRows().indexOf(row_1) !== -1) {
rowIndex_1 = this.parent.getFrozenRightRows().indexOf(row_1);
}
else {
rowIndex_1 = this.parent.getMovableRows().indexOf(row_1);
rowIndex_1 = this.parent.getRows().indexOf(row_1);
}

@@ -412,3 +409,3 @@ }

rowIndex_1 = (this.parent.getRows().indexOf(row_1) === -1 && (this.parent.getFrozenColumns() > 0)) ?
this.parent.grid.getMovableRows().indexOf(row_1) : this.parent.getRows().indexOf(row_1);
this.parent.grid.getRows().indexOf(row_1) : this.parent.getRows().indexOf(row_1);
}

@@ -469,3 +466,2 @@ }

Edit.prototype.afterCellSave = function (args, row, rowIndex) {
var mRow;
if (this.parent.grid.aggregateModule) {

@@ -481,27 +477,2 @@ this.parent.grid.aggregateModule.refresh(args.rowData);

this.enableToolbarItems('save');
var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
if (freeze) {
if (args.cell.closest('.e-frozen-left-header') || args.cell.closest('.e-frozen-left-content')) {
mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
}
else if (args.cell.closest('.e-movableheader') || args.cell.closest('.e-movablecontent')) {
mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
}
else {
mRow = this.parent.grid.getFrozenRightRows()[parseInt(rowIndex.toString(), 10)];
}
removeClass([mRow], ['e-editedrow', 'e-batchrow']);
removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
}
else if (this.parent.getFrozenColumns() > 0) {
if (args.cell.closest('.e-frozenheader') || args.cell.closest('.e-frozencontent')) {
mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
}
else {
mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
}
removeClass([mRow], ['e-editedrow', 'e-batchrow']);
removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
}
removeClass([row], ['e-editedrow', 'e-batchrow']);

@@ -692,19 +663,2 @@ removeClass(row.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);

}
var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
var movableRows = this.parent.getMovableDataRows();
var frows = 'freezeRows';
var newFreezeRowObject = this.parent.grid.getRowsObject()[0];
movableRows[index + 1]["" + position](movableRows[0]);
if (freeze) {
var rightFrozenRows = this.parent.getFrozenRightDataRows();
rightFrozenRows[index + 1]["" + position](rightFrozenRows[0]);
}
if (this.parent.editSettings.mode === 'Batch') {
this.parent.grid.contentModule["" + frows].splice(0, 1);
this.parent.grid.contentModule["" + frows].splice(rowObjectIndex, 0, newFreezeRowObject);
}
setValue('batchIndex', index + 1, this.batchEditModule);
}
if (this.parent.editSettings.mode === 'Row' || this.parent.editSettings.mode === 'Cell') {

@@ -1082,4 +1036,4 @@ var errors = this.parent.grid.getContentTable().querySelectorAll('.e-griderror');

if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns) {
if (this.parent.grid.dataSource.length === this.parent.getMovableDataRows().length) {
this.updateIndex(this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
if (this.parent.grid.dataSource.length === this.parent.getDataRows().length) {
this.updateIndex(this.parent.grid.dataSource, this.parent.getDataRows(), this.parent.getCurrentViewRecords());
}

@@ -1086,0 +1040,0 @@ }

import { TreeGrid } from '../base/treegrid';
import { ExcelExportProperties } from '@syncfusion/ej2-grids';
import { Ajax } from '@syncfusion/ej2-base';
import { Fetch } from '@syncfusion/ej2-base';
import { Query } from '@syncfusion/ej2-data';

@@ -47,3 +47,3 @@ /**

protected generateQuery(query: Query, property?: ExcelExportProperties): Query;
protected manipulateExportProperties(property?: ExcelExportProperties, dtSrc?: Object, queryResult?: Ajax): Object;
protected manipulateExportProperties(property?: ExcelExportProperties, dtSrc?: Object, queryResult?: Fetch): Object;
/**

@@ -50,0 +50,0 @@ * TreeGrid Excel Export cell modifier

@@ -17,3 +17,2 @@ import { TreeGrid } from '../base/treegrid';

removeEventListener(): void;
protected instantiateRenderer(): void;
private rowExpandCollapse;

@@ -20,0 +19,0 @@ private dblClickHandler;

@@ -1,5 +0,4 @@

import { ColumnFreezeContentRenderer, ColumnFreezeHeaderRenderer, FreezeRender, parentsUntil, RenderType } from '@syncfusion/ej2-grids';
import { parentsUntil } from '@syncfusion/ej2-grids';
import { Grid, Freeze as FreezeColumn } from '@syncfusion/ej2-grids';
import { addClass, getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
import { ColumnVirtualTreeFreezeRenderer, VirtualTreeFreezeRenderer, VirtualTreeFreezeHdrRenderer } from '../renderer/virtual-tree-freeze-render';
import { addClass, isNullOrUndefined } from '@syncfusion/ej2-base';
/**

@@ -25,3 +24,2 @@ * TreeGrid Freeze module

this.parent.grid.on('dblclick', this.dblClickHandler, this);
this.parent.grid.on('initial-load', this.instantiateRenderer, this);
};

@@ -35,35 +33,5 @@ Freeze.prototype.removeEventListener = function () {

this.parent.grid.off('dblclick', this.dblClickHandler);
this.parent.grid.off('initial-load', this.instantiateRenderer);
};
Freeze.prototype.instantiateRenderer = function () {
var renderer = getValue('serviceLocator', this.parent.grid).getService('rendererFactory');
if (this.parent.getFrozenColumns()) {
if (this.parent.enableColumnVirtualization) {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Header, new VirtualTreeFreezeHdrRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
}
else {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Header, new FreezeRender(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
}
if (this.parent.enableVirtualization) {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Content, new VirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
}
}
if (this.parent.getFrozenLeftColumnsCount() || this.parent.getFrozenRightColumnsCount()) {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Header, new ColumnFreezeHeaderRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
if (this.parent.enableVirtualization) {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Content, new ColumnVirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
}
else {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Content, new ColumnFreezeContentRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
}
}
};
Freeze.prototype.rowExpandCollapse = function (args) {
var movableRows = this.parent.getMovableDataRows();
var movableRows = this.parent.getDataRows();
var frozenrows = this.parent.getRows();

@@ -75,3 +43,3 @@ var rows;

if (freeze) {
frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
frozenRightRows = this.parent.getRows().filter(function (e) {
return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));

@@ -78,0 +46,0 @@ });

@@ -105,3 +105,3 @@ import { Grid, InfiniteScroll as GridInfiniteScroll } from '@syncfusion/ej2-grids';

if (this.parent.getFrozenColumns()) {
this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getDataRows(), this.parent.getCurrentViewRecords());
}

@@ -227,4 +227,4 @@ }

if (this.parent.getFrozenColumns() > 0) {
var mRows = this.parent.grid.getMovableRowsObject();
var mRowElms = this.parent.grid.getMovableRows();
var mRows = this.parent.grid.getRowsObject();
var mRowElms = this.parent.grid.getRows();
this.removeRows(mRowElms, mRows, data, keyField);

@@ -275,3 +275,3 @@ }

var currentData = this.parent.getCurrentViewRecords();
var currentRows = eventArgs.isMovable ? this.parent.grid.getMovableRows()
var currentRows = eventArgs.isMovable ? this.parent.grid.getRows()
: this.parent.grid.getDataRows();

@@ -283,4 +283,4 @@ if (eventArgs.isFrozenRight) {

tbody = !this.parent.grid.isFrozenGrid() ? this.parent.getContent().querySelector('tbody') : eventArgs.isMovable
? this.parent.grid.getMovableVirtualContent().querySelector('tbody')
: this.parent.grid.getFrozenVirtualContent().querySelector('tbody');
? this.parent.grid.getContent().querySelector('tbody')
: this.parent.grid.getContent().querySelector('tbody');
}

@@ -291,5 +291,5 @@ if (this.parent.frozenRows) {

? !this.parent.grid.isFrozenGrid() ? this.parent.getHeaderContent().querySelector('tbody')
: eventArgs.isMovable ? this.parent.grid.getMovableVirtualHeader().querySelector('tbody')
: eventArgs.isMovable ? this.parent.grid.getHeaderContent().querySelector('tbody')
: eventArgs.isFrozenRight ? this.parent.element.querySelector('.e-frozen-right-header').querySelector('tbody')
: this.parent.grid.getFrozenVirtualHeader().querySelector('tbody') : tbody;
: this.parent.grid.getHeaderContent().querySelector('tbody') : tbody;
}

@@ -296,0 +296,0 @@ var position;

import { TreeGrid } from '../base/treegrid';
import { PdfExportProperties } from '@syncfusion/ej2-grids';
import { Ajax } from '@syncfusion/ej2-base';
import { Fetch } from '@syncfusion/ej2-base';
import { Query } from '@syncfusion/ej2-data';

@@ -46,3 +46,3 @@ /**

protected generateQuery(query: Query, prop?: PdfExportProperties): Query;
protected manipulatePdfProperties(prop?: PdfExportProperties, dtSrc?: Object, queryResult?: Ajax): Object;
protected manipulatePdfProperties(prop?: PdfExportProperties, dtSrc?: Object, queryResult?: Fetch): Object;
/**

@@ -49,0 +49,0 @@ * TreeGrid PDF Export cell modifier

@@ -369,3 +369,3 @@ import { isNullOrUndefined, removeClass } from '@syncfusion/ej2-base';

if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
movableTr = this.parent.getMovableDataRows()[parseInt(recordIndex.toString(), 10)];
movableTr = this.parent.getDataRows()[parseInt(recordIndex.toString(), 10)];
}

@@ -372,0 +372,0 @@ checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]

@@ -109,2 +109,3 @@ var __extends = (this && this.__extends) || (function () {

var endIndex = counts.endIndex;
pageingDetails.count = visualData.length;
if (startIndex === -1 && endIndex === -1) {

@@ -128,3 +129,3 @@ var query = new Query();

}
if ((requestType === 'save' && (pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt']) && (counts.count === this.prevendIndex + 1))) {
if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
startIndex = counts.startIndex + (counts.count - counts.endIndex);

@@ -203,11 +204,8 @@ endIndex = counts.count;

var renderer = getValue('locator', this).getService('rendererFactory');
if (!parentGrid.isFrozenGrid()) {
if (parentGrid.enableColumnVirtualization) {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
}
if (parentGrid.enableColumnVirtualization) {
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
.apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
}
//renderer.addRenderer(RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this)));
getValue('addRenderer', renderer)
.apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
this.ensurePageSize();

@@ -214,0 +212,0 @@ };

@@ -103,5 +103,9 @@ import { extend, isNullOrUndefined, setValue, getValue, addClass, removeClass } from '@syncfusion/ej2-base';

_this.parentItems = DataUtil.distinct(e.result, _this.parent.parentIdMapping, false);
var req = getObject('dataSource.requests', _this.parent).filter(function (e) {
return e.httpRequest.statusText !== 'OK';
}).length;
var req;
if (e.result) {
req = 0;
}
else {
req = 1;
}
if (req === 0) {

@@ -366,3 +370,15 @@ setValue('grid.contentModule.isLoaded', true, _this.parent);

var datas = _this.parent.grid.currentViewData.slice();
var inx = datas.indexOf(rowDetails.record);
var inx;
var idMapping = _this.parent.idMapping;
if (_this.parent['isGantt'] && !_this.parent.loadChildOnDemand && _this.parent.hasChildMapping) {
for (var i = 0; i < _this.parent.grid.currentViewData.length; i++) {
if (rowDetails.record[idMapping] === _this.parent.grid.currentViewData[i][idMapping]) {
inx = i;
break;
}
}
}
else {
inx = datas.indexOf(rowDetails.record);
}
if (_this.parent.enableVirtualization && (rowDetails.action === 'collapse' || rowDetails.action === 'remoteExpand')) {

@@ -369,0 +385,0 @@ datas = [];

@@ -1,2 +0,2 @@

import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Ajax, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { ActionEventArgs, TextAlign } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser} from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs} from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs, BeginEditArgs, CellEditArgs} from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectingEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties } from './interface';import { DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';import * as literals from '../base/constant';
import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Fetch, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, getNumberFormat } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { ActionEventArgs, TextAlign } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser} from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs} from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs, BeginEditArgs, CellEditArgs} from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectingEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties } from './interface';import { DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';import * as literals from '../base/constant';
import {ComponentModel} from '@syncfusion/ej2-base';

@@ -207,2 +207,9 @@

/**
* Defines the currencyCode format of the Tree Grid columns
*
* @private
*/
currencyCode?: string;
/**
* @hidden

@@ -209,0 +216,0 @@ * It used to render pager template

@@ -329,2 +329,3 @@ import { TextAlign, ClipMode, ValueAccessor, IFilter, IFilterUI, IEditCell, CommandModel, freezeDirection } from '@syncfusion/ej2-grids';

* * Right - Freeze the column at right side.
* * Fixed - Freeze the column at Center.
*

@@ -331,0 +332,0 @@ * @default null

@@ -86,4 +86,4 @@ var __extends = (this && this.__extends) || (function () {

this.cache = {};
this.movableCache = {};
this.frozenRightCache = {};
/*this.movableCache = {};
this.frozenRightCache = {};*/
this.data = {};

@@ -103,4 +103,4 @@ this.groups = {};

this.groups = {};
this.movableCache = {};
this.frozenRightCache = {};
/*this.movableCache = {};
this.frozenRightCache = {};*/
}

@@ -107,0 +107,0 @@ }

@@ -28,3 +28,2 @@ import { Cell, CellType, Column, NotifyArgs, SentinelType } from '@syncfusion/ej2-grids';

getRowByIndex(index: number): Element;
getMovableVirtualRowByIndex(index: number): Element;
getFrozenRightVirtualRowByIndex(index: number): Element;

@@ -31,0 +30,0 @@ getRowCollection(index: number, isMovable: boolean, isRowObject?: boolean, isFrozenRight?: boolean): Element | Object;

@@ -45,7 +45,9 @@ var __extends = (this && this.__extends) || (function () {

VirtualTreeContentRenderer.prototype.getRowByIndex = function (index) {
return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
if (this.parent.enableVirtualization && this.parent.isFrozenGrid()) {
return this.getRowCollection(index, true);
}
else {
return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
}
};
VirtualTreeContentRenderer.prototype.getMovableVirtualRowByIndex = function (index) {
return this.getRowCollection(index, true);
};
VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {

@@ -56,4 +58,3 @@ return this.getRowCollection(index, false, false, true);

var startIdx = parseInt(this.parent.getRows()[0].getAttribute(literals.dataRowIndex), 10);
var rowCollection = isMovable ? this.parent.getMovableDataRows() : this.parent.getDataRows();
rowCollection = isFrozenRight ? this.parent.getFrozenRightDataRows() : rowCollection;
var rowCollection = this.parent.getDataRows();
var collection = isRowObject ? this.parent.getCurrentViewRecords() : rowCollection;

@@ -111,4 +112,4 @@ var selectedRow = collection[index - startIdx];

if ((this.endIndex - this.startIndex !== this.parent.pageSettings.pageSize) &&
(this.totalRecords > this.parent.pageSettings.pageSize) &&
(this.endIndex === this.totalRecords)) {
(this.totalRecords > this.parent.pageSettings.pageSize)
&& (this.endIndex === this.totalRecords)) {
args.startIndex = this.endIndex - this.parent.pageSettings.pageSize;

@@ -511,3 +512,2 @@ args.endIndex = this.endIndex;

VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
var isFrozen = this.parent.isFrozenGrid();
if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined

@@ -518,7 +518,2 @@ && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || this.parent.isFrozenGrid()) {

}
if (isFrozen && ((isNullOrUndefined(this.requestType) && getValue('requestTypes', this).indexOf('isFrozen') === -1) ||
(this.parent.enableVirtualMaskRow && this.requestType === 'virtualscroll'))) {
getValue('requestTypes', this).push('isFrozen');
this.requestType = 'isFrozen';
}
_super.prototype.appendContent.call(this, target, newChild, e);

@@ -529,9 +524,2 @@ if (getValue('requestTypes', this).indexOf('isFrozen') !== -1) {

}
if (isFrozen && (!this.isExpandCollapse || this.translateY === 0)) {
this.translateY = this.translateY < 0 ? 0 : this.translateY;
getValue('virtualEle', this).adjustTable(0, this.translateY);
}
else {
this.isExpandCollapse = false;
}
}

@@ -538,0 +526,0 @@ else {

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc