@syncfusion/ej2-treegrid 24.1.46 → 24.2.4
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 +14 -0
- 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 +8 -28
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +6 -27
- 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/context-menu.js +1 -0
- package/src/treegrid/actions/infinite-scroll.d.ts +0 -1
- package/src/treegrid/actions/infinite-scroll.js +2 -24
- package/src/treegrid/actions/page.js +2 -2
- package/src/treegrid/base/data.js +1 -1
- package/src/treegrid/base/treegrid.js +1 -1
- package/styles/bootstrap-dark.css +1 -2
- package/styles/bootstrap.css +1 -2
- package/styles/bootstrap4.css +1 -2
- package/styles/bootstrap5-dark.css +1 -2
- package/styles/bootstrap5.css +1 -2
- package/styles/fabric-dark.css +1 -2
- package/styles/fabric.css +1 -2
- package/styles/fluent-dark.css +1 -2
- package/styles/fluent.css +1 -2
- package/styles/highcontrast-light.css +1 -2
- package/styles/highcontrast.css +1 -2
- package/styles/material-dark.css +1 -2
- package/styles/material.css +1 -2
- package/styles/material3-dark.css +1 -2
- package/styles/material3.css +1 -2
- package/styles/tailwind-dark.css +1 -2
- package/styles/tailwind.css +1 -2
- package/styles/treegrid/_layout.scss +1 -2
- package/styles/treegrid/bootstrap-dark.css +1 -2
- package/styles/treegrid/bootstrap.css +1 -2
- package/styles/treegrid/bootstrap4.css +1 -2
- package/styles/treegrid/bootstrap5-dark.css +1 -2
- package/styles/treegrid/bootstrap5.css +1 -2
- package/styles/treegrid/fabric-dark.css +1 -2
- package/styles/treegrid/fabric.css +1 -2
- package/styles/treegrid/fluent-dark.css +1 -2
- package/styles/treegrid/fluent.css +1 -2
- package/styles/treegrid/highcontrast-light.css +1 -2
- package/styles/treegrid/highcontrast.css +1 -2
- package/styles/treegrid/material-dark.css +1 -2
- package/styles/treegrid/material.css +1 -2
- package/styles/treegrid/material3-dark.css +1 -2
- package/styles/treegrid/material3.css +1 -2
- package/styles/treegrid/tailwind-dark.css +1 -2
- package/styles/treegrid/tailwind.css +1 -2
|
@@ -2647,7 +2647,7 @@ class DataManipulation {
|
|
|
2647
2647
|
paging(results, count, isExport, isPrinting, exportType, args) {
|
|
2648
2648
|
if (this.parent.allowPaging && (!isExport || exportType === 'CurrentPage')
|
|
2649
2649
|
&& (!isPrinting || this.parent.printMode === 'CurrentPage')) {
|
|
2650
|
-
this.parent.notify(pagingActions, { result: results, count: count });
|
|
2650
|
+
this.parent.notify(pagingActions, { result: results, count: count, actionArgs: args });
|
|
2651
2651
|
results = this.dataResults.result;
|
|
2652
2652
|
count = isCountRequired(this.parent) ? getValue('count', this.parent.dataSource)
|
|
2653
2653
|
: this.dataResults.count;
|
|
@@ -6480,7 +6480,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
|
|
|
6480
6480
|
if (!isNullOrUndefined(row)) {
|
|
6481
6481
|
row.setAttribute('aria-expanded', action === 'expand' ? 'true' : 'false');
|
|
6482
6482
|
}
|
|
6483
|
-
if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization
|
|
6483
|
+
if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)
|
|
6484
6484
|
&& !isCountRequired(this)) {
|
|
6485
6485
|
this.notify(localPagedExpandCollapse, { action: action, row: row, record: record });
|
|
6486
6486
|
}
|
|
@@ -10057,8 +10057,8 @@ class Page$1 {
|
|
|
10057
10057
|
const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
|
|
10058
10058
|
const parents = dm.executeLocal(new Query().where(expanded$$1));
|
|
10059
10059
|
let visualData;
|
|
10060
|
-
if (isFilterChildHierarchy(this.parent) && (
|
|
10061
|
-
|
|
10060
|
+
if (isFilterChildHierarchy(this.parent) && (pageingDetails.actionArgs.action !== 'collapse' &&
|
|
10061
|
+
pageingDetails.actionArgs.action !== 'expand')) {
|
|
10062
10062
|
visualData = parents;
|
|
10063
10063
|
}
|
|
10064
10064
|
else {
|
|
@@ -10730,6 +10730,7 @@ class ContextMenu$1 {
|
|
|
10730
10730
|
}
|
|
10731
10731
|
}
|
|
10732
10732
|
tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
|
|
10733
|
+
indent.style.display = outdent.style.display = 'none';
|
|
10733
10734
|
}
|
|
10734
10735
|
}
|
|
10735
10736
|
}
|
|
@@ -13608,7 +13609,6 @@ class InfiniteScroll$1 {
|
|
|
13608
13609
|
this.parent.grid.on('infinite-edit-handler', this.infiniteEditHandler, this);
|
|
13609
13610
|
this.parent.grid.on('infinite-crud-cancel', this.createRows, this);
|
|
13610
13611
|
this.parent.grid.on('content-ready', this.contentready, this);
|
|
13611
|
-
this.parent.on(localPagedExpandCollapse, this.collapseExpandInfinitechilds, this);
|
|
13612
13612
|
}
|
|
13613
13613
|
/**
|
|
13614
13614
|
* @hidden
|
|
@@ -13624,7 +13624,6 @@ class InfiniteScroll$1 {
|
|
|
13624
13624
|
this.parent.off(pagingActions, this.infinitePageAction);
|
|
13625
13625
|
this.parent.grid.off('infinite-crud-cancel', this.createRows);
|
|
13626
13626
|
this.parent.grid.off('content-ready', this.contentready);
|
|
13627
|
-
this.parent.off(localPagedExpandCollapse, this.collapseExpandInfinitechilds);
|
|
13628
13627
|
}
|
|
13629
13628
|
/**
|
|
13630
13629
|
* Handles the Expand Collapse action for Remote data with infinite scrolling.
|
|
@@ -13674,18 +13673,6 @@ class InfiniteScroll$1 {
|
|
|
13674
13673
|
}
|
|
13675
13674
|
}
|
|
13676
13675
|
}
|
|
13677
|
-
collapseExpandInfinitechilds(row) {
|
|
13678
|
-
row.record.expanded = row.action === 'collapse' ? false : true;
|
|
13679
|
-
const ret = {
|
|
13680
|
-
result: this.parent.flatData,
|
|
13681
|
-
row: row.row,
|
|
13682
|
-
action: row.action,
|
|
13683
|
-
record: row.record,
|
|
13684
|
-
count: this.parent.flatData.length
|
|
13685
|
-
};
|
|
13686
|
-
const requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
|
|
13687
|
-
getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
|
|
13688
|
-
}
|
|
13689
13676
|
/**
|
|
13690
13677
|
* Handles the page query for Data operations and CRUD actions.
|
|
13691
13678
|
*
|
|
@@ -13698,10 +13685,7 @@ class InfiniteScroll$1 {
|
|
|
13698
13685
|
infinitePageAction(pageingDetails) {
|
|
13699
13686
|
const dm = new DataManager(pageingDetails.result);
|
|
13700
13687
|
const expanded$$1 = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
|
|
13701
|
-
const
|
|
13702
|
-
const visualData = infiniteParents.filter((e) => {
|
|
13703
|
-
return getExpandStatus(this.parent, e, infiniteParents);
|
|
13704
|
-
});
|
|
13688
|
+
const visualData = dm.executeLocal(new Query().where(expanded$$1));
|
|
13705
13689
|
const actionArgs = getValue('actionArgs', pageingDetails.actionArgs);
|
|
13706
13690
|
const actions = getValue('actions', this.parent.grid.infiniteScrollModule);
|
|
13707
13691
|
if (this.parent.grid.infiniteScrollModule['isInitialRender'] && !this.parent.initialRender) {
|
|
@@ -13720,10 +13704,10 @@ class InfiniteScroll$1 {
|
|
|
13720
13704
|
if (isCache && this.parent.infiniteScrollSettings.initialBlocks > this.parent.infiniteScrollSettings.maxBlocks) {
|
|
13721
13705
|
this.parent.infiniteScrollSettings.initialBlocks = this.parent.infiniteScrollSettings.maxBlocks;
|
|
13722
13706
|
}
|
|
13723
|
-
|
|
13707
|
+
const size = initialRender ?
|
|
13724
13708
|
this.parent.grid.pageSettings.pageSize * this.parent.infiniteScrollSettings.initialBlocks :
|
|
13725
13709
|
this.parent.grid.pageSettings.pageSize;
|
|
13726
|
-
|
|
13710
|
+
const current = this.parent.grid.pageSettings.currentPage;
|
|
13727
13711
|
if (!isNullOrUndefined(actionArgs)) {
|
|
13728
13712
|
const lastIndex = getValue('lastIndex', this.parent.grid.infiniteScrollModule);
|
|
13729
13713
|
const firstIndex = getValue('firstIndex', this.parent.grid.infiniteScrollModule);
|
|
@@ -13738,10 +13722,6 @@ class InfiniteScroll$1 {
|
|
|
13738
13722
|
query = query.take(this.parent.infiniteScrollSettings.initialBlocks * this.parent.pageSettings.pageSize);
|
|
13739
13723
|
}
|
|
13740
13724
|
else {
|
|
13741
|
-
if ((pageingDetails.actionArgs['action'] === 'expand' || pageingDetails.actionArgs['action'] === 'collapse') && this.parent.grid.pageSettings.currentPage !== 1) {
|
|
13742
|
-
current = 1;
|
|
13743
|
-
size = this.parent.grid.pageSettings.pageSize * this.parent.grid.pageSettings.currentPage;
|
|
13744
|
-
}
|
|
13745
13725
|
query = query.page(current, size);
|
|
13746
13726
|
}
|
|
13747
13727
|
}
|