@syncfusion/ej2-treegrid 20.1.56 → 20.1.59
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 +8 -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 +133 -128
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +138 -133
- 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/edit.js +33 -29
- package/src/treegrid/actions/infinite-scroll.js +1 -1
- package/src/treegrid/actions/selection.js +1 -1
- package/src/treegrid/base/treegrid.js +3 -1
|
@@ -959,7 +959,7 @@ var Selection = /** @__PURE__ @class */ (function () {
|
|
|
959
959
|
Selection.prototype.getCheckboxcolumnIndex = function () {
|
|
960
960
|
var mappingUid;
|
|
961
961
|
var columnIndex;
|
|
962
|
-
var stackedHeader =
|
|
962
|
+
var stackedHeader = 'stackedHeader';
|
|
963
963
|
var columnModel = 'columnModel';
|
|
964
964
|
var columns = this.parent[stackedHeader] ? this.parent[columnModel] : (this.parent.columns);
|
|
965
965
|
for (var col = 0; col < columns.length; col++) {
|
|
@@ -1350,6 +1350,105 @@ var Selection = /** @__PURE__ @class */ (function () {
|
|
|
1350
1350
|
return Selection;
|
|
1351
1351
|
}());
|
|
1352
1352
|
|
|
1353
|
+
/**
|
|
1354
|
+
* TreeGrid Freeze module
|
|
1355
|
+
*
|
|
1356
|
+
* @hidden
|
|
1357
|
+
*/
|
|
1358
|
+
var Freeze$1 = /** @__PURE__ @class */ (function () {
|
|
1359
|
+
/**
|
|
1360
|
+
* Constructor for render module
|
|
1361
|
+
*
|
|
1362
|
+
* @param {TreeGrid} parent - Tree Grid instance
|
|
1363
|
+
*/
|
|
1364
|
+
function Freeze$$1(parent) {
|
|
1365
|
+
Grid.Inject(Freeze);
|
|
1366
|
+
this.parent = parent;
|
|
1367
|
+
this.addEventListener();
|
|
1368
|
+
}
|
|
1369
|
+
Freeze$$1.prototype.addEventListener = function () {
|
|
1370
|
+
this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
|
|
1371
|
+
this.parent.on('dataBoundArg', this.dataBoundArg, this);
|
|
1372
|
+
this.parent.grid.on('dblclick', this.dblClickHandler, this);
|
|
1373
|
+
};
|
|
1374
|
+
Freeze$$1.prototype.removeEventListener = function () {
|
|
1375
|
+
if (this.parent.isDestroyed) {
|
|
1376
|
+
return;
|
|
1377
|
+
}
|
|
1378
|
+
this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
|
|
1379
|
+
this.parent.off('dataBoundArg', this.dataBoundArg);
|
|
1380
|
+
this.parent.grid.off('dblclick', this.dblClickHandler);
|
|
1381
|
+
};
|
|
1382
|
+
Freeze$$1.prototype.rowExpandCollapse = function (args) {
|
|
1383
|
+
var movableRows = this.parent.getMovableDataRows();
|
|
1384
|
+
var frozenrows = this.parent.getRows();
|
|
1385
|
+
var rows;
|
|
1386
|
+
var frozenRightRows;
|
|
1387
|
+
var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
|
|
1388
|
+
this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
|
|
1389
|
+
if (freeze) {
|
|
1390
|
+
frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
|
|
1391
|
+
return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
|
|
1392
|
+
});
|
|
1393
|
+
}
|
|
1394
|
+
if (!args.detailrows.length) {
|
|
1395
|
+
rows = movableRows.filter(function (e) {
|
|
1396
|
+
return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
|
|
1397
|
+
});
|
|
1398
|
+
}
|
|
1399
|
+
else {
|
|
1400
|
+
rows = args.detailrows;
|
|
1401
|
+
}
|
|
1402
|
+
for (var i = 0; i < rows.length; i++) {
|
|
1403
|
+
var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
|
|
1404
|
+
rows[i].style.display = args.action;
|
|
1405
|
+
if (freeze) {
|
|
1406
|
+
frozenRightRows[i].style.display = args.action;
|
|
1407
|
+
}
|
|
1408
|
+
var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
|
|
1409
|
+
: '.e-treecolumn-container .e-treegridexpand';
|
|
1410
|
+
if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
|
|
1411
|
+
var cRow = [];
|
|
1412
|
+
for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
|
|
1413
|
+
if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
|
|
1414
|
+
cRow.push(movableRows[i_1]);
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
if (cRow.length) {
|
|
1418
|
+
this.rowExpandCollapse({ detailrows: cRow, action: args.action });
|
|
1419
|
+
}
|
|
1420
|
+
}
|
|
1421
|
+
}
|
|
1422
|
+
};
|
|
1423
|
+
Freeze$$1.prototype.dblClickHandler = function (e) {
|
|
1424
|
+
if (parentsUntil(e.target, 'e-rowcell') &&
|
|
1425
|
+
this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
|
|
1426
|
+
this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
|
|
1427
|
+
}
|
|
1428
|
+
};
|
|
1429
|
+
Freeze$$1.prototype.dataBoundArg = function () {
|
|
1430
|
+
var checkboxColumn = this.parent.getColumns().filter(function (e) {
|
|
1431
|
+
return e.showCheckbox;
|
|
1432
|
+
});
|
|
1433
|
+
if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
|
|
1434
|
+
addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
|
|
1435
|
+
}
|
|
1436
|
+
};
|
|
1437
|
+
Freeze$$1.prototype.destroy = function () {
|
|
1438
|
+
this.removeEventListener();
|
|
1439
|
+
};
|
|
1440
|
+
/**
|
|
1441
|
+
* For internal use only - Get the module name.
|
|
1442
|
+
*
|
|
1443
|
+
* @private
|
|
1444
|
+
* @returns {string} Returns Freeze module name
|
|
1445
|
+
*/
|
|
1446
|
+
Freeze$$1.prototype.getModuleName = function () {
|
|
1447
|
+
return 'freeze';
|
|
1448
|
+
};
|
|
1449
|
+
return Freeze$$1;
|
|
1450
|
+
}());
|
|
1451
|
+
|
|
1353
1452
|
/**
|
|
1354
1453
|
* TreeGrid Print module
|
|
1355
1454
|
*
|
|
@@ -3561,6 +3660,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
3561
3660
|
TreeGrid.prototype.requiredModules = function () {
|
|
3562
3661
|
var modules = [];
|
|
3563
3662
|
var splitFrozenCount = 'splitFrozenCount';
|
|
3663
|
+
this.freezeModule = new Freeze$1(this);
|
|
3564
3664
|
this.grid[splitFrozenCount](this.getGridColumns(this.columns));
|
|
3565
3665
|
if (this.isDestroyed) {
|
|
3566
3666
|
return modules;
|
|
@@ -3612,7 +3712,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
|
|
|
3612
3712
|
});
|
|
3613
3713
|
}
|
|
3614
3714
|
if (this.frozenColumns || this.frozenRows || this.getFrozenColumns() ||
|
|
3615
|
-
this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount()) {
|
|
3715
|
+
this.grid.getFrozenLeftColumnsCount() || this.grid.getFrozenRightColumnsCount() || this.freezeModule) {
|
|
3616
3716
|
modules.push({
|
|
3617
3717
|
member: 'freeze', args: [this]
|
|
3618
3718
|
});
|
|
@@ -11272,11 +11372,13 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
|
|
|
11272
11372
|
Edit$$1.prototype.updateIndex = function (data, rows, records) {
|
|
11273
11373
|
for (var j = 0; j < this.parent.getDataRows().length; j++) {
|
|
11274
11374
|
var data1 = records[j];
|
|
11275
|
-
|
|
11276
|
-
|
|
11277
|
-
|
|
11278
|
-
|
|
11279
|
-
|
|
11375
|
+
if (!isNullOrUndefined(data1)) {
|
|
11376
|
+
var index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
|
|
11377
|
+
data1.index = index;
|
|
11378
|
+
if (!isNullOrUndefined(data1.parentItem)) {
|
|
11379
|
+
var parentIndex = getValue('uniqueIDCollection.' + data1.parentItem.uniqueID + '.index', this.parent);
|
|
11380
|
+
data1.parentItem.index = parentIndex;
|
|
11381
|
+
}
|
|
11280
11382
|
}
|
|
11281
11383
|
}
|
|
11282
11384
|
var count = -1;
|
|
@@ -11295,32 +11397,34 @@ var Edit$1 = /** @__PURE__ @class */ (function () {
|
|
|
11295
11397
|
count++;
|
|
11296
11398
|
}
|
|
11297
11399
|
var data2 = records[count];
|
|
11298
|
-
|
|
11299
|
-
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
var
|
|
11308
|
-
|
|
11309
|
-
|
|
11310
|
-
|
|
11311
|
-
|
|
11312
|
-
|
|
11313
|
-
|
|
11314
|
-
|
|
11315
|
-
|
|
11316
|
-
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
|
|
11320
|
-
|
|
11321
|
-
|
|
11322
|
-
|
|
11323
|
-
|
|
11400
|
+
if (!isNullOrUndefined(data2)) {
|
|
11401
|
+
var index = data2.index;
|
|
11402
|
+
var level = data2.level;
|
|
11403
|
+
var row = rows[k];
|
|
11404
|
+
if (!isNullOrUndefined(data2.parentItem)) {
|
|
11405
|
+
index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
|
|
11406
|
+
}
|
|
11407
|
+
var treecell = row.cells[treeColIndex];
|
|
11408
|
+
if (!isNullOrUndefined(treecell)) {
|
|
11409
|
+
for (var l = 0; l < treecell.classList.length; l++) {
|
|
11410
|
+
var value = treecell.classList[l];
|
|
11411
|
+
var remove$$1 = /e-gridrowindex/i;
|
|
11412
|
+
var removed = /e-griddetailrowindex/i;
|
|
11413
|
+
var result = value.match(remove$$1);
|
|
11414
|
+
var results = value.match(removed);
|
|
11415
|
+
if (result != null) {
|
|
11416
|
+
removeClass([treecell], value);
|
|
11417
|
+
}
|
|
11418
|
+
if (results != null) {
|
|
11419
|
+
removeClass([treecell], value);
|
|
11420
|
+
}
|
|
11421
|
+
}
|
|
11422
|
+
if (!rows[k].classList.contains('e-detailrow')) {
|
|
11423
|
+
addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
|
|
11424
|
+
}
|
|
11425
|
+
else {
|
|
11426
|
+
addClass([treecell], 'e-griddetailrowindex' + index + 'level' + level);
|
|
11427
|
+
}
|
|
11324
11428
|
}
|
|
11325
11429
|
}
|
|
11326
11430
|
}
|
|
@@ -12660,105 +12764,6 @@ var TreeVirtual = /** @__PURE__ @class */ (function (_super) {
|
|
|
12660
12764
|
return TreeVirtual;
|
|
12661
12765
|
}(VirtualScroll));
|
|
12662
12766
|
|
|
12663
|
-
/**
|
|
12664
|
-
* TreeGrid Freeze module
|
|
12665
|
-
*
|
|
12666
|
-
* @hidden
|
|
12667
|
-
*/
|
|
12668
|
-
var Freeze$1 = /** @__PURE__ @class */ (function () {
|
|
12669
|
-
/**
|
|
12670
|
-
* Constructor for render module
|
|
12671
|
-
*
|
|
12672
|
-
* @param {TreeGrid} parent - Tree Grid instance
|
|
12673
|
-
*/
|
|
12674
|
-
function Freeze$$1(parent) {
|
|
12675
|
-
Grid.Inject(Freeze);
|
|
12676
|
-
this.parent = parent;
|
|
12677
|
-
this.addEventListener();
|
|
12678
|
-
}
|
|
12679
|
-
Freeze$$1.prototype.addEventListener = function () {
|
|
12680
|
-
this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
|
|
12681
|
-
this.parent.on('dataBoundArg', this.dataBoundArg, this);
|
|
12682
|
-
this.parent.grid.on('dblclick', this.dblClickHandler, this);
|
|
12683
|
-
};
|
|
12684
|
-
Freeze$$1.prototype.removeEventListener = function () {
|
|
12685
|
-
if (this.parent.isDestroyed) {
|
|
12686
|
-
return;
|
|
12687
|
-
}
|
|
12688
|
-
this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
|
|
12689
|
-
this.parent.off('dataBoundArg', this.dataBoundArg);
|
|
12690
|
-
this.parent.grid.off('dblclick', this.dblClickHandler);
|
|
12691
|
-
};
|
|
12692
|
-
Freeze$$1.prototype.rowExpandCollapse = function (args) {
|
|
12693
|
-
var movableRows = this.parent.getMovableDataRows();
|
|
12694
|
-
var frozenrows = this.parent.getRows();
|
|
12695
|
-
var rows;
|
|
12696
|
-
var frozenRightRows;
|
|
12697
|
-
var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
|
|
12698
|
-
this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
|
|
12699
|
-
if (freeze) {
|
|
12700
|
-
frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
|
|
12701
|
-
return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
|
|
12702
|
-
});
|
|
12703
|
-
}
|
|
12704
|
-
if (!args.detailrows.length) {
|
|
12705
|
-
rows = movableRows.filter(function (e) {
|
|
12706
|
-
return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
|
|
12707
|
-
});
|
|
12708
|
-
}
|
|
12709
|
-
else {
|
|
12710
|
-
rows = args.detailrows;
|
|
12711
|
-
}
|
|
12712
|
-
for (var i = 0; i < rows.length; i++) {
|
|
12713
|
-
var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
|
|
12714
|
-
rows[i].style.display = args.action;
|
|
12715
|
-
if (freeze) {
|
|
12716
|
-
frozenRightRows[i].style.display = args.action;
|
|
12717
|
-
}
|
|
12718
|
-
var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
|
|
12719
|
-
: '.e-treecolumn-container .e-treegridexpand';
|
|
12720
|
-
if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
|
|
12721
|
-
var cRow = [];
|
|
12722
|
-
for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
|
|
12723
|
-
if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
|
|
12724
|
-
cRow.push(movableRows[i_1]);
|
|
12725
|
-
}
|
|
12726
|
-
}
|
|
12727
|
-
if (cRow.length) {
|
|
12728
|
-
this.rowExpandCollapse({ detailrows: cRow, action: args.action });
|
|
12729
|
-
}
|
|
12730
|
-
}
|
|
12731
|
-
}
|
|
12732
|
-
};
|
|
12733
|
-
Freeze$$1.prototype.dblClickHandler = function (e) {
|
|
12734
|
-
if (parentsUntil(e.target, 'e-rowcell') &&
|
|
12735
|
-
this.parent.grid.editSettings.allowEditOnDblClick && this.parent.editSettings.mode !== 'Cell') {
|
|
12736
|
-
this.parent.grid.editModule.startEdit(parentsUntil(e.target, 'e-row'));
|
|
12737
|
-
}
|
|
12738
|
-
};
|
|
12739
|
-
Freeze$$1.prototype.dataBoundArg = function () {
|
|
12740
|
-
var checkboxColumn = this.parent.getColumns().filter(function (e) {
|
|
12741
|
-
return e.showCheckbox;
|
|
12742
|
-
});
|
|
12743
|
-
if (checkboxColumn.length && this.parent.freezeModule && this.parent.initialRender) {
|
|
12744
|
-
addClass([this.parent.element.getElementsByClassName('e-grid')[0]], 'e-checkselection');
|
|
12745
|
-
}
|
|
12746
|
-
};
|
|
12747
|
-
Freeze$$1.prototype.destroy = function () {
|
|
12748
|
-
this.removeEventListener();
|
|
12749
|
-
};
|
|
12750
|
-
/**
|
|
12751
|
-
* For internal use only - Get the module name.
|
|
12752
|
-
*
|
|
12753
|
-
* @private
|
|
12754
|
-
* @returns {string} Returns Freeze module name
|
|
12755
|
-
*/
|
|
12756
|
-
Freeze$$1.prototype.getModuleName = function () {
|
|
12757
|
-
return 'freeze';
|
|
12758
|
-
};
|
|
12759
|
-
return Freeze$$1;
|
|
12760
|
-
}());
|
|
12761
|
-
|
|
12762
12767
|
/**
|
|
12763
12768
|
* TreeGrid ColumnChooser module
|
|
12764
12769
|
*
|
|
@@ -13095,7 +13100,7 @@ var InfiniteScroll$1 = /** @__PURE__ @class */ (function () {
|
|
|
13095
13100
|
if (getValue('selectedIndex', this.parent.editModule) !== -1 && this.parent.editSettings.newRowPosition !== 'Top') {
|
|
13096
13101
|
if (this.parent.editSettings.newRowPosition === 'Below' || this.parent.editSettings.newRowPosition === 'Child') {
|
|
13097
13102
|
position = 'after';
|
|
13098
|
-
newRowIndex += findChildrenRecords(currentData[newRowIndex
|
|
13103
|
+
newRowIndex += findChildrenRecords(currentData[newRowIndex]).length;
|
|
13099
13104
|
if (this.parent.editSettings.newRowPosition === 'Child') {
|
|
13100
13105
|
newRowIndex -= 1; //// for child position already child record is added in childRecords so subtracting 1
|
|
13101
13106
|
}
|