@syncfusion/ej2-treegrid 26.2.5 → 26.2.9
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 +41 -14
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +41 -14
- 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 +8 -8
- package/src/treegrid/actions/rowdragdrop.js +1 -1
- package/src/treegrid/actions/virtual-scroll.d.ts +1 -0
- package/src/treegrid/actions/virtual-scroll.js +7 -1
- package/src/treegrid/base/data.js +3 -3
- package/src/treegrid/base/treegrid.js +24 -6
- package/src/treegrid/renderer/virtual-tree-content-render.js +6 -3
- package/styles/bootstrap-dark.css +13 -3
- package/styles/bootstrap.css +13 -3
- package/styles/bootstrap4.css +13 -3
- package/styles/bootstrap5-dark.css +13 -3
- package/styles/bootstrap5.css +13 -3
- package/styles/fabric-dark.css +13 -3
- package/styles/fabric.css +13 -3
- package/styles/fluent-dark.css +13 -3
- package/styles/fluent.css +13 -3
- package/styles/fluent2.css +16 -1034
- package/styles/highcontrast-light.css +13 -3
- package/styles/highcontrast.css +20 -3
- package/styles/material-dark.css +13 -3
- package/styles/material.css +13 -3
- package/styles/material3-dark.css +14 -57
- package/styles/material3.css +15 -112
- package/styles/tailwind-dark.css +13 -3
- package/styles/tailwind.css +13 -3
- package/styles/treegrid/_layout.scss +28 -3
- package/styles/treegrid/bootstrap-dark.css +13 -3
- package/styles/treegrid/bootstrap.css +13 -3
- package/styles/treegrid/bootstrap4.css +13 -3
- package/styles/treegrid/bootstrap5-dark.css +13 -3
- package/styles/treegrid/bootstrap5.css +13 -3
- package/styles/treegrid/fabric-dark.css +13 -3
- package/styles/treegrid/fabric.css +13 -3
- package/styles/treegrid/fluent-dark.css +13 -3
- package/styles/treegrid/fluent.css +13 -3
- package/styles/treegrid/fluent2.css +16 -1034
- package/styles/treegrid/highcontrast-light.css +13 -3
- package/styles/treegrid/highcontrast.css +20 -3
- package/styles/treegrid/material-dark.css +13 -3
- package/styles/treegrid/material.css +13 -3
- package/styles/treegrid/material3-dark.css +14 -57
- package/styles/treegrid/material3.css +15 -112
- package/styles/treegrid/tailwind-dark.css +13 -3
- package/styles/treegrid/tailwind.css +13 -3
|
@@ -2590,13 +2590,13 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
|
|
|
2590
2590
|
e["" + result_1] = _this.parent.summaryModule.calculateSummaryValue(summaryQuery, e["" + result_1], true);
|
|
2591
2591
|
}
|
|
2592
2592
|
}
|
|
2593
|
+
if (rowDetails.action === 'remoteExpand' && _this.parent.allowPaging && _this.parent.pageSettings.pageSizeMode === 'All') {
|
|
2594
|
+
_this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.currentViewData.length + result.length;
|
|
2595
|
+
}
|
|
2593
2596
|
if (_this.parent.enableVirtualization) {
|
|
2594
2597
|
_this.parent.grid.pageSettings.totalRecordsCount = e.count;
|
|
2595
2598
|
}
|
|
2596
2599
|
e.count = _this.parent.grid.pageSettings.totalRecordsCount;
|
|
2597
|
-
if (rowDetails.action === 'remoteExpand' && _this.parent.allowPaging) {
|
|
2598
|
-
_this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.currentViewData.length + result.length;
|
|
2599
|
-
}
|
|
2600
2600
|
var virtualArgs = {};
|
|
2601
2601
|
if (_this.parent.enableVirtualization) {
|
|
2602
2602
|
_this.remoteVirtualAction(virtualArgs);
|
|
@@ -4705,21 +4705,25 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
4705
4705
|
_this.IsExpandCollapseClicked(args);
|
|
4706
4706
|
if (!isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
|
|
4707
4707
|
&& _this.columnModel.filter(function (col) { return col.type === 'checkbox'; }).length > 0 && isRemoteData(_this)) {
|
|
4708
|
-
if (!isNullOrUndefined(args.data.parentItem)) {
|
|
4708
|
+
if (!isNullOrUndefined(args.data.parentItem) || args.isHeaderCheckboxClicked) {
|
|
4709
4709
|
_this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
|
|
4710
4710
|
_this.query.queries = _this.query.queries.slice(0, 0);
|
|
4711
4711
|
}
|
|
4712
4712
|
}
|
|
4713
|
+
if (_this.pageSettings.pageSizeMode === 'Root') {
|
|
4714
|
+
_this.grid.selectionModule['totalRecordsCount'] = _this.grid.currentViewData.length;
|
|
4715
|
+
}
|
|
4716
|
+
if (_this.enableVirtualization && args.rowIndex === _this.selectedRowIndex) {
|
|
4717
|
+
args.cancel = true;
|
|
4718
|
+
}
|
|
4713
4719
|
_this.trigger(rowSelecting, args);
|
|
4714
4720
|
};
|
|
4715
4721
|
this.grid.rowDeselecting = function (args) {
|
|
4716
4722
|
_this.IsExpandCollapseClicked(args);
|
|
4717
|
-
if (isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
|
|
4723
|
+
if (!isNullOrUndefined(args.data) && _this.selectionSettings.persistSelection
|
|
4718
4724
|
&& _this.columnModel.filter(function (col) { return col.type === 'checkbox'; }).length > 0 && isRemoteData(_this)) {
|
|
4719
|
-
|
|
4720
|
-
|
|
4721
|
-
_this.query.queries = _this.query.queries.slice(0, 0);
|
|
4722
|
-
}
|
|
4725
|
+
_this.parentQuery = _this.query.queries.filter(function (q) { return q.e.field === _this.parentIdMapping; });
|
|
4726
|
+
_this.query.queries = _this.query.queries.slice(0, 0);
|
|
4723
4727
|
}
|
|
4724
4728
|
_this.trigger(rowDeselecting, args);
|
|
4725
4729
|
};
|
|
@@ -4861,6 +4865,16 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
4861
4865
|
_this.grid.selectionModule["" + updateRowSelection](_this.getRows()[parseInt(index.toString(), 10)], index);
|
|
4862
4866
|
}
|
|
4863
4867
|
}
|
|
4868
|
+
if (_this.enableVirtualization && _this.selectionSettings.persistSelection
|
|
4869
|
+
&& !isNullOrUndefined(_this.virtualScrollModule.prevSelectedRecord)) {
|
|
4870
|
+
for (var i = 0; i < _this.virtualScrollModule.prevSelectedRecord.length; i++) {
|
|
4871
|
+
var updateRowSelection = 'updateRowSelection';
|
|
4872
|
+
var index =
|
|
4873
|
+
// eslint-disable-next-line max-len
|
|
4874
|
+
_this.getCurrentViewRecords().indexOf(_this.virtualScrollModule.prevSelectedRecord[parseInt(i.toString(), 10)]);
|
|
4875
|
+
_this.grid.selectionModule["" + updateRowSelection](_this.getRows()[parseInt(index.toString(), 10)], index);
|
|
4876
|
+
}
|
|
4877
|
+
}
|
|
4864
4878
|
_this.trigger(dataBound, args);
|
|
4865
4879
|
_this.initialRender = false;
|
|
4866
4880
|
};
|
|
@@ -6661,6 +6675,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
6661
6675
|
expandArgs = { data: parentRec, row: row };
|
|
6662
6676
|
this.trigger(expanded, expandArgs);
|
|
6663
6677
|
}
|
|
6678
|
+
else if (!this.isExpandAll && this.enableVirtualization && this.selectionSettings.persistSelection
|
|
6679
|
+
&& !isNullOrUndefined(this.virtualScrollModule.prevSelectedRecord)) {
|
|
6680
|
+
this.virtualScrollModule.prevSelectedRecord = [];
|
|
6681
|
+
}
|
|
6664
6682
|
else if (!this.isExpandAll) {
|
|
6665
6683
|
this.trigger(expanded, expandArgs);
|
|
6666
6684
|
}
|
|
@@ -9135,7 +9153,7 @@ var RowDD = /** @__PURE__ @class */ (function () {
|
|
|
9135
9153
|
this.canDrop = false;
|
|
9136
9154
|
this.addErrorElem();
|
|
9137
9155
|
}
|
|
9138
|
-
if (!tObj.rowDropSettings.targetID && this.canDrop) {
|
|
9156
|
+
if (!tObj.rowDropSettings.targetID && this.canDrop && !isNullOrUndefined(args.rows[0])) {
|
|
9139
9157
|
tObj.rowDragAndDropModule.updateIcon(args.rows, rowIdx, args);
|
|
9140
9158
|
}
|
|
9141
9159
|
if (isNullOrUndefined(tObj.rowDropSettings.targetID) && !this.canDrop) {
|
|
@@ -13665,14 +13683,17 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
13665
13683
|
var info = scrollArgs.sentinel;
|
|
13666
13684
|
var rowHeight = this.parent.getRowHeight();
|
|
13667
13685
|
var outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
|
|
13668
|
-
var content
|
|
13686
|
+
var content;
|
|
13687
|
+
if (!isNullOrUndefined(this.parent.contentModule)) {
|
|
13688
|
+
content = this.parent.getContent().querySelector('.e-content');
|
|
13689
|
+
}
|
|
13669
13690
|
var scrollHeight = outBuffer * rowHeight;
|
|
13670
13691
|
var upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
|
|
13671
13692
|
var downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
|
|
13672
13693
|
var selectedRowIndex = 'selectedRowIndex';
|
|
13673
13694
|
var currentViewData = this.parent.currentViewData;
|
|
13674
13695
|
var indexValue = 'index';
|
|
13675
|
-
if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
|
|
13696
|
+
if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
|
|
13676
13697
|
var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
|
|
13677
13698
|
this.parent.element.getBoundingClientRect().height);
|
|
13678
13699
|
var index = (~~(content.scrollTop / rowHeight)
|
|
@@ -13720,7 +13741,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
13720
13741
|
scrollArgs.offset.top - (outBuffer * rowHeight) + 10 : 0;
|
|
13721
13742
|
}
|
|
13722
13743
|
}
|
|
13723
|
-
else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
|
|
13744
|
+
else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
|
|
13724
13745
|
var nextSetResIndex = ~~(content.scrollTop / rowHeight);
|
|
13725
13746
|
var isLastBlock = (this["" + selectedRowIndex] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
|
|
13726
13747
|
if (!isNullOrUndefined(this["" + selectedRowIndex]) && this["" + selectedRowIndex] !== -1 &&
|
|
@@ -13999,6 +14020,7 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
|
|
|
13999
14020
|
function VirtualScroll(parent) {
|
|
14000
14021
|
this.prevstartIndex = -1;
|
|
14001
14022
|
this.prevendIndex = -1;
|
|
14023
|
+
this.prevSelectedRecord = [];
|
|
14002
14024
|
this.parent = parent;
|
|
14003
14025
|
Grid.Inject(TreeVirtual);
|
|
14004
14026
|
this.addEventListener();
|
|
@@ -14054,6 +14076,10 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
|
|
|
14054
14076
|
this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection) {
|
|
14055
14077
|
this.parent.grid.clearSelection();
|
|
14056
14078
|
}
|
|
14079
|
+
if (getValue('isCollapseAll', this.parent) && this.parent.selectionSettings.persistSelection && this.parent.getSelectedRecords().length > 0) {
|
|
14080
|
+
this.prevSelectedRecord = this.parent.getSelectedRecords();
|
|
14081
|
+
this.parent.grid.clearSelection();
|
|
14082
|
+
}
|
|
14057
14083
|
var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
|
|
14058
14084
|
getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
|
|
14059
14085
|
};
|
|
@@ -14125,7 +14151,8 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
|
|
|
14125
14151
|
}
|
|
14126
14152
|
}
|
|
14127
14153
|
//}
|
|
14128
|
-
if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll'
|
|
14154
|
+
if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll'
|
|
14155
|
+
&& !isNullOrUndefined(this.parent.idMapping) && startIndex === 0) {
|
|
14129
14156
|
startIndex = 0;
|
|
14130
14157
|
endIndex = this.parent.grid.pageSettings.pageSize - 1;
|
|
14131
14158
|
this.parent.grid.notify(virtualActionArgs, { setTop: true });
|