@syncfusion/ej2-treegrid 27.1.50 → 27.1.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-treegrid.min.js +2 -2
- package/dist/ej2-treegrid.umd.min.js +2 -2
- package/dist/ej2-treegrid.umd.min.js.map +1 -1
- package/dist/es6/ej2-treegrid.es2015.js +29 -7
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +29 -7
- package/dist/es6/ej2-treegrid.es5.js.map +1 -1
- package/dist/global/ej2-treegrid.min.js +2 -2
- package/dist/global/ej2-treegrid.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +9 -9
- package/src/treegrid/base/treegrid.js +10 -4
- package/src/treegrid/renderer/virtual-tree-content-render.js +19 -3
- package/styles/bootstrap-dark-lite.css +5 -0
- package/styles/bootstrap-dark.css +5 -0
- package/styles/bootstrap-lite.css +5 -0
- package/styles/bootstrap.css +5 -0
- package/styles/bootstrap4-lite.css +5 -0
- package/styles/bootstrap4.css +5 -0
- package/styles/bootstrap5-dark-lite.css +5 -0
- package/styles/bootstrap5-dark.css +5 -0
- package/styles/bootstrap5-lite.css +5 -0
- package/styles/bootstrap5.3-lite.css +5 -0
- package/styles/bootstrap5.3.css +5 -0
- package/styles/bootstrap5.css +5 -0
- package/styles/fabric-dark-lite.css +5 -0
- package/styles/fabric-dark.css +5 -0
- package/styles/fabric-lite.css +5 -0
- package/styles/fabric.css +5 -0
- package/styles/fluent-dark-lite.css +5 -0
- package/styles/fluent-dark.css +5 -0
- package/styles/fluent-lite.css +5 -0
- package/styles/fluent.css +5 -0
- package/styles/fluent2-lite.css +5 -0
- package/styles/fluent2.css +5 -0
- package/styles/highcontrast-light-lite.css +5 -0
- package/styles/highcontrast-light.css +5 -0
- package/styles/highcontrast-lite.css +5 -0
- package/styles/highcontrast.css +5 -0
- package/styles/material-dark-lite.css +5 -0
- package/styles/material-dark.css +5 -0
- package/styles/material-lite.css +5 -0
- package/styles/material.css +5 -0
- package/styles/material3-dark-lite.css +5 -0
- package/styles/material3-dark.css +5 -0
- package/styles/material3-lite.css +5 -0
- package/styles/material3.css +5 -0
- package/styles/tailwind-dark-lite.css +5 -0
- package/styles/tailwind-dark.css +5 -0
- package/styles/tailwind-lite.css +5 -0
- package/styles/tailwind.css +5 -0
- package/styles/treegrid/_layout.scss +5 -0
- package/styles/treegrid/bootstrap-dark.css +5 -0
- package/styles/treegrid/bootstrap.css +5 -0
- package/styles/treegrid/bootstrap4.css +5 -0
- package/styles/treegrid/bootstrap5-dark.css +5 -0
- package/styles/treegrid/bootstrap5.3.css +5 -0
- package/styles/treegrid/bootstrap5.css +5 -0
- package/styles/treegrid/fabric-dark.css +5 -0
- package/styles/treegrid/fabric.css +5 -0
- package/styles/treegrid/fluent-dark.css +5 -0
- package/styles/treegrid/fluent.css +5 -0
- package/styles/treegrid/fluent2.css +5 -0
- package/styles/treegrid/highcontrast-light.css +5 -0
- package/styles/treegrid/highcontrast.css +5 -0
- package/styles/treegrid/material-dark.css +5 -0
- package/styles/treegrid/material.css +5 -0
- package/styles/treegrid/material3-dark.css +5 -0
- package/styles/treegrid/material3.css +5 -0
- package/styles/treegrid/tailwind-dark.css +5 -0
- package/styles/treegrid/tailwind.css +5 -0
|
@@ -5783,12 +5783,12 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
5783
5783
|
*/
|
|
5784
5784
|
TreeGrid.prototype.getPersistData = function () {
|
|
5785
5785
|
var keyEntity = ['pageSettings', 'sortSettings',
|
|
5786
|
-
'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
|
|
5786
|
+
'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex', 'scrollPosition'];
|
|
5787
5787
|
var ignoreOnPersist = {
|
|
5788
5788
|
pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
|
|
5789
5789
|
filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
|
|
5790
5790
|
searchSettings: ['fields', 'operator', 'ignoreCase'],
|
|
5791
|
-
sortSettings: [], columns: [], selectedRowIndex: []
|
|
5791
|
+
sortSettings: [], columns: [], selectedRowIndex: [], scrollPosition: []
|
|
5792
5792
|
};
|
|
5793
5793
|
var ignoreOnColumn = ['filter', 'edit', 'filterBarTemplate', 'headerTemplate', 'template',
|
|
5794
5794
|
'commandTemplate', 'commands', 'dataSource'];
|
|
@@ -6638,6 +6638,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
6638
6638
|
});
|
|
6639
6639
|
}
|
|
6640
6640
|
record = this.getCollapseExpandRecords(row, record);
|
|
6641
|
+
if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
|
|
6642
|
+
return;
|
|
6643
|
+
}
|
|
6641
6644
|
if (!isNullOrUndefined(row) && row.cells[0].classList.contains('e-lastrowcell')) {
|
|
6642
6645
|
this.lastRowBorder(row, false);
|
|
6643
6646
|
}
|
|
@@ -6719,7 +6722,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
6719
6722
|
return e.hasChildRecords;
|
|
6720
6723
|
});
|
|
6721
6724
|
}
|
|
6722
|
-
else if (isNullOrUndefined(record)) {
|
|
6725
|
+
else if (isNullOrUndefined(record) && !isNullOrUndefined(row)) {
|
|
6723
6726
|
if (this.detailTemplate) {
|
|
6724
6727
|
record = this.grid.getCurrentViewRecords()[row.getAttribute('data-rowindex')];
|
|
6725
6728
|
}
|
|
@@ -6760,6 +6763,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
6760
6763
|
});
|
|
6761
6764
|
}
|
|
6762
6765
|
record = this.getCollapseExpandRecords(row, record);
|
|
6766
|
+
if (isNullOrUndefined(row) && isNullOrUndefined(record)) {
|
|
6767
|
+
return;
|
|
6768
|
+
}
|
|
6763
6769
|
if (this.isCollapseAll && !isRemoteData(this)) {
|
|
6764
6770
|
var args = { data: parentRec, row: row, cancel: false };
|
|
6765
6771
|
if (!this.isCollapsingEventTriggered) {
|
|
@@ -6781,7 +6787,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
6781
6787
|
else if (!this.isCollapseAll || (this.isCollapseAll && isRemoteData(this))) {
|
|
6782
6788
|
var args = { data: record, row: row, cancel: false };
|
|
6783
6789
|
this.trigger(collapsing, args, function (collapsingArgs) {
|
|
6784
|
-
if (!collapsingArgs.cancel
|
|
6790
|
+
if (!collapsingArgs.cancel) {
|
|
6785
6791
|
_this.collapseRows(row, record, parentRec);
|
|
6786
6792
|
}
|
|
6787
6793
|
});
|
|
@@ -13409,6 +13415,18 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
13409
13415
|
this.parent["" + action]('refresh-virtual-block', this.refreshContentRows, this);
|
|
13410
13416
|
this.fn = function () {
|
|
13411
13417
|
_this.observers.observes(function (scrollArgs) { return _this.scrollListeners(scrollArgs); }, _this.onEnteredAction(), _this.parent);
|
|
13418
|
+
var gObj = _this.parent;
|
|
13419
|
+
if (gObj.root.enablePersistence && gObj.root.scrollPosition) {
|
|
13420
|
+
_this.content.scrollTop = gObj.root.scrollPosition.top;
|
|
13421
|
+
if (gObj.root.enableColumnVirtualization) {
|
|
13422
|
+
_this.content.scrollLeft = gObj.root.scrollPosition.left;
|
|
13423
|
+
}
|
|
13424
|
+
var scrollValues = {
|
|
13425
|
+
direction: 'down', sentinel: _this.observer.sentinelInfo.down,
|
|
13426
|
+
offset: gObj.root.scrollPosition, focusElement: gObj.element
|
|
13427
|
+
};
|
|
13428
|
+
_this.scrollListeners(scrollValues);
|
|
13429
|
+
}
|
|
13412
13430
|
_this.parent.off('content-ready', _this.fn);
|
|
13413
13431
|
};
|
|
13414
13432
|
this.parent.addEventListener('dataBound', this.dataBoundEvent.bind(this));
|
|
@@ -13667,6 +13685,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
13667
13685
|
};
|
|
13668
13686
|
VirtualTreeContentRenderer.prototype.scrollListeners = function (scrollArgs) {
|
|
13669
13687
|
this['scrollAfterEdit']();
|
|
13688
|
+
if (this.parent.root.enablePersistence) {
|
|
13689
|
+
this.parent.root.scrollPosition = scrollArgs.offset;
|
|
13690
|
+
}
|
|
13670
13691
|
var info = scrollArgs.sentinel;
|
|
13671
13692
|
var rowHeight = this.parent.getRowHeight();
|
|
13672
13693
|
var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
|
|
@@ -13688,13 +13709,14 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
13688
13709
|
- this.parent.pageSettings.pageSize;
|
|
13689
13710
|
index = (index > 0) ? index : 0;
|
|
13690
13711
|
if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 && index !== this["" + selectedRowIndex] &&
|
|
13691
|
-
((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop)
|
|
13712
|
+
((this.parent.rowHeight * this.parent.pageSettings.pageSize) < content.scrollTop) &&
|
|
13713
|
+
!(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
|
|
13692
13714
|
index = this["" + selectedRowIndex];
|
|
13693
13715
|
}
|
|
13694
13716
|
this.startIndex = index;
|
|
13695
13717
|
this.endIndex = index + this.parent.pageSettings.pageSize;
|
|
13696
13718
|
if (this.endIndex > this.totalRecords) {
|
|
13697
|
-
var lastInx = this.totalRecords
|
|
13719
|
+
var lastInx = this.totalRecords;
|
|
13698
13720
|
var remains = this.endIndex % lastInx;
|
|
13699
13721
|
this.endIndex = lastInx;
|
|
13700
13722
|
this.startIndex = (this.startIndex - remains) < 0 ? 0 : (this.startIndex - remains);
|
|
@@ -13732,7 +13754,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
13732
13754
|
var nextSetResIndex = ~~(content.scrollTop / rowHeight);
|
|
13733
13755
|
var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
|
|
13734
13756
|
if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
|
|
13735
|
-
nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock) {
|
|
13757
|
+
nextSetResIndex !== this["" + selectedRowIndex] && !isLastBlock && !(this.parent.root && this.parent.root.treeGrid && this.parent.root.treeGrid.isGantt)) {
|
|
13736
13758
|
nextSetResIndex = this["" + selectedRowIndex];
|
|
13737
13759
|
}
|
|
13738
13760
|
var lastIndex = nextSetResIndex + this.parent.pageSettings.pageSize;
|