@syncfusion/ej2-treegrid 19.3.46 → 19.3.55
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/CHANGELOG.md +30 -0
- 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 +55 -11
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +55 -12
- 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/actions/batch-edit.js +14 -4
- package/src/treegrid/actions/edit.js +6 -0
- package/src/treegrid/actions/rowdragdrop.js +1 -1
- package/src/treegrid/actions/virtual-scroll.js +6 -1
- package/src/treegrid/base/data.js +3 -1
- package/src/treegrid/base/treegrid.js +22 -4
- package/src/treegrid/renderer/virtual-tree-content-render.js +3 -1
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +2 -1
- package/styles/bootstrap5.css +2 -1
- package/styles/fabric-dark.css +1 -1
- package/styles/fabric.css +1 -1
- package/styles/highcontrast-light.css +1 -1
- package/styles/highcontrast.css +1 -1
- package/styles/material-dark.css +1 -1
- package/styles/material.css +1 -1
- package/styles/tailwind-dark.css +1 -1
- package/styles/tailwind.css +1 -1
- package/styles/treegrid/_layout.scss +1 -1
- package/styles/treegrid/bootstrap-dark.css +1 -1
- package/styles/treegrid/bootstrap.css +1 -1
- package/styles/treegrid/bootstrap4.css +1 -1
- package/styles/treegrid/bootstrap5-dark.css +2 -1
- package/styles/treegrid/bootstrap5.css +2 -1
- package/styles/treegrid/fabric-dark.css +1 -1
- package/styles/treegrid/fabric.css +1 -1
- package/styles/treegrid/highcontrast-light.css +1 -1
- package/styles/treegrid/highcontrast.css +1 -1
- package/styles/treegrid/material-dark.css +1 -1
- package/styles/treegrid/material.css +1 -1
- package/styles/treegrid/tailwind-dark.css +1 -1
- package/styles/treegrid/tailwind.css +1 -1
|
@@ -2286,7 +2286,9 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
|
|
|
2286
2286
|
var query = getObject('query', args);
|
|
2287
2287
|
var srtQry = new Query();
|
|
2288
2288
|
for (var srt = this.parent.grid.sortSettings.columns.length - 1; srt >= 0; srt--) {
|
|
2289
|
-
var
|
|
2289
|
+
var getColumnByField = 'getColumnByField';
|
|
2290
|
+
var col = this.parent.grid.renderModule.data[getColumnByField](this.parent.grid.
|
|
2291
|
+
sortSettings.columns[srt].field);
|
|
2290
2292
|
var compFun = col.sortComparer && isOffline(this.parent) ?
|
|
2291
2293
|
col.sortComparer.bind(col) :
|
|
2292
2294
|
this.parent.grid.sortSettings.columns[srt].direction;
|
|
@@ -3816,6 +3818,15 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
3816
3818
|
_this.trigger(rowSelecting, args);
|
|
3817
3819
|
};
|
|
3818
3820
|
this.grid.rowSelected = function (args) {
|
|
3821
|
+
if (_this.enableVirtualization && args.isHeaderCheckboxClicked &&
|
|
3822
|
+
_this.grid.currentViewData.length !== _this.grid.selectionModule.selectedRowIndexes.length) {
|
|
3823
|
+
var updateRowSelection = 'updateRowSelection';
|
|
3824
|
+
for (var i = 0; i < _this.getRows().length; i++) {
|
|
3825
|
+
if (_this.getRows()[i].getElementsByClassName("e-frame e-icons e-uncheck").length) {
|
|
3826
|
+
_this.grid.selectionModule[updateRowSelection](_this.getRows()[i], _this.getCurrentViewRecords()[i].index);
|
|
3827
|
+
}
|
|
3828
|
+
}
|
|
3829
|
+
}
|
|
3819
3830
|
_this.selectedRowIndex = _this.grid.selectedRowIndex;
|
|
3820
3831
|
_this.notify(rowSelected, args);
|
|
3821
3832
|
_this.trigger(rowSelected, args);
|
|
@@ -4122,6 +4133,10 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
4122
4133
|
&& (_this.grid.filterSettings.columns.length === 0 || _this.grid.searchSettings.key.length === 0)) {
|
|
4123
4134
|
_this.notify('clearFilters', { flatData: _this.grid.dataSource });
|
|
4124
4135
|
_this.grid.setProperties({ dataSource: _this.dataResults.result }, true);
|
|
4136
|
+
if (isNullOrUndefined(_this.grid['changedProperties'].dataSource)) {
|
|
4137
|
+
_this.grid.renderModule.data.dataManager = _this.grid.dataSource instanceof DataManager ? _this.grid.dataSource :
|
|
4138
|
+
(isNullOrUndefined(_this.grid.dataSource) ? new DataManager() : new DataManager(_this.grid.dataSource));
|
|
4139
|
+
}
|
|
4125
4140
|
}
|
|
4126
4141
|
var callBackPromise = new Deferred();
|
|
4127
4142
|
_this.trigger(actionBegin, args, function (actionArgs) {
|
|
@@ -4669,6 +4684,11 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
4669
4684
|
if (isNullOrUndefined(this.grid)) {
|
|
4670
4685
|
return;
|
|
4671
4686
|
}
|
|
4687
|
+
if (!isNullOrUndefined(this.rowDropSettings.targetID) &&
|
|
4688
|
+
isNullOrUndefined(document.getElementById(this.grid.rowDropSettings.targetID))) {
|
|
4689
|
+
document.getElementById(this.rowDropSettings.targetID).id = this.grid.rowDropSettings.targetID;
|
|
4690
|
+
this.rowDropSettings.targetID = this.grid.rowDropSettings.targetID;
|
|
4691
|
+
}
|
|
4672
4692
|
_super.prototype.dataBind.call(this);
|
|
4673
4693
|
this.grid.dataBind();
|
|
4674
4694
|
};
|
|
@@ -4680,7 +4700,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
4680
4700
|
*/
|
|
4681
4701
|
TreeGrid.prototype.getPersistData = function () {
|
|
4682
4702
|
var keyEntity = ['pageSettings', 'sortSettings',
|
|
4683
|
-
'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex'];
|
|
4703
|
+
'filterSettings', 'columns', 'searchSettings', 'selectedRowIndex', 'treeColumnIndex'];
|
|
4684
4704
|
var ignoreOnPersist = {
|
|
4685
4705
|
pageSettings: ['template', 'pageSizes', 'pageSizeMode', 'enableQueryString', 'totalRecordsCount', 'pageCount'],
|
|
4686
4706
|
filterSettings: ['type', 'mode', 'showFilterBarStatus', 'immediateModeDelay', 'ignoreAccent', 'hierarchyMode'],
|
|
@@ -4691,9 +4711,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
4691
4711
|
'commandTemplate', 'commands', 'dataSource'];
|
|
4692
4712
|
for (var i = 0; i < keyEntity.length; i++) {
|
|
4693
4713
|
var currentObject = this[keyEntity[i]];
|
|
4694
|
-
for (var
|
|
4695
|
-
var
|
|
4696
|
-
delete currentObject[
|
|
4714
|
+
for (var k = 0, val = ignoreOnPersist[keyEntity[i]]; (!isNullOrUndefined(val) && k < val.length); k++) {
|
|
4715
|
+
var objVal = val[k];
|
|
4716
|
+
delete currentObject[objVal];
|
|
4697
4717
|
}
|
|
4698
4718
|
}
|
|
4699
4719
|
this.ignoreInArrays(ignoreOnColumn, this.columns);
|
|
@@ -7396,7 +7416,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
|
|
|
7396
7416
|
}
|
|
7397
7417
|
else {
|
|
7398
7418
|
if (args.target && closest(args.target, '#' + tObj.rowDropSettings.targetID) || parentsUntil(args.target, 'e-treegrid') &&
|
|
7399
|
-
parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID) {
|
|
7419
|
+
parentsUntil(args.target, 'e-treegrid').id === tObj.rowDropSettings.targetID || args.target && document.getElementById(tObj.rowDropSettings.targetID)) {
|
|
7400
7420
|
setValue('dropPosition', this.dropPosition, args);
|
|
7401
7421
|
tObj.trigger(rowDrop, args);
|
|
7402
7422
|
if (!args.cancel && tObj.rowDropSettings.targetID) {
|
|
@@ -9786,7 +9806,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
|
|
|
9786
9806
|
focusModule.getContent().matrix.current = [actualIndex, focusModule.getContent().matrix.current[1]];
|
|
9787
9807
|
}
|
|
9788
9808
|
};
|
|
9789
|
-
BatchEdit.prototype.beforeBatchDelete = function () {
|
|
9809
|
+
BatchEdit.prototype.beforeBatchDelete = function (args) {
|
|
9790
9810
|
if (!this.batchRecords.length) {
|
|
9791
9811
|
this.batchRecords = extendArray(this.parent.grid.getCurrentViewRecords());
|
|
9792
9812
|
this.currentViewRecords = extendArray(this.parent.grid.getCurrentViewRecords());
|
|
@@ -9796,9 +9816,19 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
|
|
|
9796
9816
|
var row = [];
|
|
9797
9817
|
var records = [];
|
|
9798
9818
|
var primarykey = this.parent.grid.getPrimaryKeyFieldNames()[0];
|
|
9799
|
-
var data
|
|
9800
|
-
var childs
|
|
9801
|
-
var uid
|
|
9819
|
+
var data;
|
|
9820
|
+
var childs;
|
|
9821
|
+
var uid;
|
|
9822
|
+
if (!isNullOrUndefined(args.row) && this.parent.getSelectedRows().indexOf(args.row) === -1) {
|
|
9823
|
+
data = args.rowData;
|
|
9824
|
+
childs = findChildrenRecords(data);
|
|
9825
|
+
uid = args.row.getAttribute('data-uid');
|
|
9826
|
+
}
|
|
9827
|
+
else {
|
|
9828
|
+
data = this.parent.grid.getSelectedRecords()[this.parent.grid.getSelectedRecords().length - 1];
|
|
9829
|
+
childs = findChildrenRecords(data);
|
|
9830
|
+
uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
|
|
9831
|
+
}
|
|
9802
9832
|
var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('aria-rowindex'), 10);
|
|
9803
9833
|
if (childs.length) {
|
|
9804
9834
|
var totalCount = parentRowIndex + childs.length;
|
|
@@ -10856,6 +10886,7 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
|
|
|
10856
10886
|
}
|
|
10857
10887
|
if (this.isAddedRowByMethod && args.index !== 0) {
|
|
10858
10888
|
this.addRowRecord = this.parent.flatData[args.index];
|
|
10889
|
+
this.addRowIndex = args.index;
|
|
10859
10890
|
}
|
|
10860
10891
|
if (this.parent.editSettings.newRowPosition === 'Child' && isNullOrUndefined(this.addRowRecord)
|
|
10861
10892
|
&& !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
|
|
@@ -10884,6 +10915,11 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
|
|
|
10884
10915
|
var position = null;
|
|
10885
10916
|
value.taskData = isNullOrUndefined(value.taskData) ? extend({}, args.data) : value.taskData;
|
|
10886
10917
|
var currentData = this.parent.grid.getCurrentViewRecords();
|
|
10918
|
+
if (this.parent.enableVirtualization && args.index !== 0) {
|
|
10919
|
+
this.addRowIndex = this.parent.grid.getCurrentViewRecords().indexOf(this.addRowRecord);
|
|
10920
|
+
this.selectedIndex = parseInt(this.parent.getRows()[this.addRowIndex].getAttribute('aria-rowindex'));
|
|
10921
|
+
|
|
10922
|
+
}
|
|
10887
10923
|
var index = this.addRowIndex;
|
|
10888
10924
|
value.uniqueID = getUid(this.parent.element.id + '_data_');
|
|
10889
10925
|
setValue('uniqueIDCollection.' + value.uniqueID, value, this.parent);
|
|
@@ -11405,7 +11441,9 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
|
|
|
11405
11441
|
if (isNullOrUndefined(this.observer[containerRect])) {
|
|
11406
11442
|
this.observer[containerRect] = this.observers[containerRect];
|
|
11407
11443
|
}
|
|
11408
|
-
|
|
11444
|
+
if (args.selectedIndex !== 0 || isNullOrUndefined(this.parent['clipboardModule'].treeGridParent.editModule['addRowIndex'])) {
|
|
11445
|
+
_super.prototype[selectVirtualRow].call(this, args);
|
|
11446
|
+
}
|
|
11409
11447
|
};
|
|
11410
11448
|
VirtualTreeContentRenderer.prototype.refreshCell = function (rowObj) {
|
|
11411
11449
|
rowObj.cells = this.generateCells();
|
|
@@ -11891,11 +11929,16 @@ var VirtualScroll$1 = /** @__PURE__ @class */ (function () {
|
|
|
11891
11929
|
}
|
|
11892
11930
|
//if ((this.prevendIndex !== -1 && this.prevstartIndex !== -1) &&
|
|
11893
11931
|
//this.prevendIndex === endIndex && this.prevstartIndex === startIndex) {
|
|
11932
|
+
if (!isNullOrUndefined(this.expandCollapseRec) && (pageingDetails.actionArgs.requestType === 'virtualscroll' ||
|
|
11933
|
+
(pageingDetails.actionArgs.requestType === 'refresh' && startIndex !== this.prevstartIndex)) &&
|
|
11934
|
+
(startIndex < this.parent.getRows().length && endIndex <= startIndex + this.parent.getRows().length)) {
|
|
11935
|
+
startIndex = 0;
|
|
11936
|
+
}
|
|
11894
11937
|
if (!isNullOrUndefined(this.expandCollapseRec)) {
|
|
11895
11938
|
var resourceCount = this.parent.getRows();
|
|
11896
11939
|
var sIndex = visualData.indexOf(this.expandCollapseRec);
|
|
11897
11940
|
var tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
|
|
11898
|
-
if (tempdata.length < resourceCount.length && sIndex >= 0) {
|
|
11941
|
+
if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
|
|
11899
11942
|
sIndex = visualData.length - resourceCount.length;
|
|
11900
11943
|
sIndex = sIndex > 0 ? sIndex : 0;
|
|
11901
11944
|
startIndex = sIndex;
|