@syncfusion/ej2-treegrid 31.1.17 → 31.1.20
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 +13 -4
- package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-treegrid.es5.js +13 -4
- 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 +14 -50
- package/src/treegrid/actions/edit.js +1 -1
- package/src/treegrid/actions/rowdragdrop.js +12 -3
- package/styles/bootstrap4-lite.css +8 -0
- package/styles/bootstrap4.css +8 -0
- package/styles/treegrid/bootstrap4.css +8 -0
- package/dist/ts/index.d.ts +0 -4
- package/dist/ts/index.ts +0 -4
- package/dist/ts/treegrid/actions/batch-edit.d.ts +0 -74
- package/dist/ts/treegrid/actions/batch-edit.ts +0 -627
- package/dist/ts/treegrid/actions/clipboard.d.ts +0 -36
- package/dist/ts/treegrid/actions/clipboard.ts +0 -174
- package/dist/ts/treegrid/actions/column-chooser.d.ts +0 -37
- package/dist/ts/treegrid/actions/column-chooser.ts +0 -55
- package/dist/ts/treegrid/actions/column-menu.d.ts +0 -24
- package/dist/ts/treegrid/actions/column-menu.ts +0 -39
- package/dist/ts/treegrid/actions/command-column.d.ts +0 -24
- package/dist/ts/treegrid/actions/command-column.ts +0 -32
- package/dist/ts/treegrid/actions/context-menu.d.ts +0 -42
- package/dist/ts/treegrid/actions/context-menu.ts +0 -149
- package/dist/ts/treegrid/actions/crud-actions.d.ts +0 -66
- package/dist/ts/treegrid/actions/crud-actions.ts +0 -388
- package/dist/ts/treegrid/actions/detail-row.d.ts +0 -39
- package/dist/ts/treegrid/actions/detail-row.ts +0 -124
- package/dist/ts/treegrid/actions/edit.d.ts +0 -121
- package/dist/ts/treegrid/actions/edit.ts +0 -1083
- package/dist/ts/treegrid/actions/excel-export.d.ts +0 -67
- package/dist/ts/treegrid/actions/excel-export.ts +0 -240
- package/dist/ts/treegrid/actions/filter.d.ts +0 -57
- package/dist/ts/treegrid/actions/filter.ts +0 -231
- package/dist/ts/treegrid/actions/freeze-column.d.ts +0 -28
- package/dist/ts/treegrid/actions/freeze-column.ts +0 -119
- package/dist/ts/treegrid/actions/index.d.ts +0 -24
- package/dist/ts/treegrid/actions/index.ts +0 -24
- package/dist/ts/treegrid/actions/infinite-scroll.d.ts +0 -96
- package/dist/ts/treegrid/actions/infinite-scroll.ts +0 -320
- package/dist/ts/treegrid/actions/logger.d.ts +0 -25
- package/dist/ts/treegrid/actions/logger.ts +0 -136
- package/dist/ts/treegrid/actions/page.d.ts +0 -67
- package/dist/ts/treegrid/actions/page.ts +0 -212
- package/dist/ts/treegrid/actions/pdf-export.d.ts +0 -63
- package/dist/ts/treegrid/actions/pdf-export.ts +0 -182
- package/dist/ts/treegrid/actions/print.d.ts +0 -37
- package/dist/ts/treegrid/actions/print.ts +0 -69
- package/dist/ts/treegrid/actions/reorder.d.ts +0 -36
- package/dist/ts/treegrid/actions/reorder.ts +0 -60
- package/dist/ts/treegrid/actions/resize.d.ts +0 -36
- package/dist/ts/treegrid/actions/resize.ts +0 -54
- package/dist/ts/treegrid/actions/rowdragdrop.d.ts +0 -405
- package/dist/ts/treegrid/actions/rowdragdrop.ts +0 -1896
- package/dist/ts/treegrid/actions/selection.d.ts +0 -51
- package/dist/ts/treegrid/actions/selection.ts +0 -530
- package/dist/ts/treegrid/actions/sort.d.ts +0 -63
- package/dist/ts/treegrid/actions/sort.ts +0 -149
- package/dist/ts/treegrid/actions/summary.d.ts +0 -47
- package/dist/ts/treegrid/actions/summary.ts +0 -231
- package/dist/ts/treegrid/actions/toolbar.d.ts +0 -52
- package/dist/ts/treegrid/actions/toolbar.ts +0 -154
- package/dist/ts/treegrid/actions/virtual-scroll.d.ts +0 -90
- package/dist/ts/treegrid/actions/virtual-scroll.ts +0 -306
- package/dist/ts/treegrid/base/constant.d.ts +0 -158
- package/dist/ts/treegrid/base/constant.ts +0 -158
- package/dist/ts/treegrid/base/data.d.ts +0 -90
- package/dist/ts/treegrid/base/data.ts +0 -904
- package/dist/ts/treegrid/base/index.d.ts +0 -11
- package/dist/ts/treegrid/base/index.ts +0 -11
- package/dist/ts/treegrid/base/interface.d.ts +0 -186
- package/dist/ts/treegrid/base/interface.ts +0 -191
- package/dist/ts/treegrid/base/treegrid-model.d.ts +0 -1100
- package/dist/ts/treegrid/base/treegrid.d.ts +0 -2422
- package/dist/ts/treegrid/base/treegrid.ts +0 -5962
- package/dist/ts/treegrid/enum.d.ts +0 -152
- package/dist/ts/treegrid/enum.ts +0 -217
- package/dist/ts/treegrid/index.d.ts +0 -9
- package/dist/ts/treegrid/index.ts +0 -9
- package/dist/ts/treegrid/models/column-chooser-settings-model.d.ts +0 -62
- package/dist/ts/treegrid/models/column-chooser-settings.d.ts +0 -53
- package/dist/ts/treegrid/models/column-chooser-settings.ts +0 -67
- package/dist/ts/treegrid/models/column-model.d.ts +0 -30
- package/dist/ts/treegrid/models/column.d.ts +0 -697
- package/dist/ts/treegrid/models/column.ts +0 -800
- package/dist/ts/treegrid/models/edit-settings-model.d.ts +0 -100
- package/dist/ts/treegrid/models/edit-settings.d.ts +0 -89
- package/dist/ts/treegrid/models/edit-settings.ts +0 -111
- package/dist/ts/treegrid/models/filter-settings-model.d.ts +0 -216
- package/dist/ts/treegrid/models/filter-settings.d.ts +0 -195
- package/dist/ts/treegrid/models/filter-settings.ts +0 -237
- package/dist/ts/treegrid/models/index.d.ts +0 -24
- package/dist/ts/treegrid/models/index.ts +0 -24
- package/dist/ts/treegrid/models/infinite-scroll-settings-model.d.ts +0 -29
- package/dist/ts/treegrid/models/infinite-scroll-settings.d.ts +0 -25
- package/dist/ts/treegrid/models/infinite-scroll-settings.ts +0 -31
- package/dist/ts/treegrid/models/loading-indicator-model.d.ts +0 -21
- package/dist/ts/treegrid/models/loading-indicator.d.ts +0 -19
- package/dist/ts/treegrid/models/loading-indicator.ts +0 -21
- package/dist/ts/treegrid/models/page-settings-model.d.ts +0 -66
- package/dist/ts/treegrid/models/page-settings.d.ts +0 -57
- package/dist/ts/treegrid/models/page-settings.ts +0 -73
- package/dist/ts/treegrid/models/rowdrop-settings-model.d.ts +0 -15
- package/dist/ts/treegrid/models/rowdrop-settings.d.ts +0 -34
- package/dist/ts/treegrid/models/rowdrop-settings.ts +0 -37
- package/dist/ts/treegrid/models/search-settings-model.d.ts +0 -79
- package/dist/ts/treegrid/models/search-settings.d.ts +0 -73
- package/dist/ts/treegrid/models/search-settings.ts +0 -83
- package/dist/ts/treegrid/models/selection-settings-model.d.ts +0 -76
- package/dist/ts/treegrid/models/selection-settings.d.ts +0 -68
- package/dist/ts/treegrid/models/selection-settings.ts +0 -82
- package/dist/ts/treegrid/models/sort-settings-model.d.ts +0 -49
- package/dist/ts/treegrid/models/sort-settings.d.ts +0 -43
- package/dist/ts/treegrid/models/sort-settings.ts +0 -51
- package/dist/ts/treegrid/models/summary-model.d.ts +0 -93
- package/dist/ts/treegrid/models/summary.d.ts +0 -126
- package/dist/ts/treegrid/models/summary.ts +0 -170
- package/dist/ts/treegrid/models/textwrap-settings-model.d.ts +0 -21
- package/dist/ts/treegrid/models/textwrap-settings.d.ts +0 -19
- package/dist/ts/treegrid/models/textwrap-settings.ts +0 -21
- package/dist/ts/treegrid/renderer/index.d.ts +0 -5
- package/dist/ts/treegrid/renderer/index.ts +0 -5
- package/dist/ts/treegrid/renderer/render.d.ts +0 -41
- package/dist/ts/treegrid/renderer/render.ts +0 -379
- package/dist/ts/treegrid/renderer/virtual-row-model-generator.d.ts +0 -16
- package/dist/ts/treegrid/renderer/virtual-row-model-generator.ts +0 -90
- package/dist/ts/treegrid/renderer/virtual-tree-content-render.d.ts +0 -353
- package/dist/ts/treegrid/renderer/virtual-tree-content-render.ts +0 -1125
- package/dist/ts/treegrid/utils.d.ts +0 -70
- package/dist/ts/treegrid/utils.ts +0 -217
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* clipboard.ts file
|
|
3
|
-
*/
|
|
4
|
-
import { TreeGrid } from '../base/treegrid';
|
|
5
|
-
import * as events from '../base/constant';
|
|
6
|
-
import { isNullOrUndefined, Browser } from '@syncfusion/ej2-base';
|
|
7
|
-
import { BeforeCopyEventArgs, Clipboard as GridClipboard, ServiceLocator } from '@syncfusion/ej2-grids';
|
|
8
|
-
import { Column } from '../models';
|
|
9
|
-
/**
|
|
10
|
-
* The `Clipboard` module is used to handle clipboard copy action.
|
|
11
|
-
*
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export class TreeClipboard extends GridClipboard {
|
|
15
|
-
private treeGridParent: TreeGrid;
|
|
16
|
-
private treeCopyContent: string = '';
|
|
17
|
-
private copiedUniqueIdCollection: string[] = [];
|
|
18
|
-
protected serviceLocator: ServiceLocator;
|
|
19
|
-
constructor(parent?: TreeGrid, serviceLocator?: ServiceLocator) {
|
|
20
|
-
super(parent.grid, serviceLocator);
|
|
21
|
-
this.treeGridParent = parent;
|
|
22
|
-
this.serviceLocator = serviceLocator;
|
|
23
|
-
}
|
|
24
|
-
protected setCopyData(withHeader?: boolean): void {
|
|
25
|
-
const copyContent: string = 'copyContent';
|
|
26
|
-
const getCopyData: string = 'getCopyData';
|
|
27
|
-
const isSelect: string = 'isSelect';
|
|
28
|
-
const uniqueID: string = 'uniqueID';
|
|
29
|
-
const currentRecords: Object[] = this.treeGridParent.getCurrentViewRecords();
|
|
30
|
-
if (window.getSelection().toString() === '') {
|
|
31
|
-
this.clipBoardTextArea.value = this[`${copyContent}`] = '';
|
|
32
|
-
const rows: Element[] = this.treeGridParent.grid.getRows();
|
|
33
|
-
if (this.treeGridParent.selectionSettings.mode !== 'Cell') {
|
|
34
|
-
const selectedIndexes: number[] = this.treeGridParent.getSelectedRowIndexes().sort((a: number, b: number) => {
|
|
35
|
-
return a - b;
|
|
36
|
-
});
|
|
37
|
-
for (let i: number = 0; i < selectedIndexes.length; i++) {
|
|
38
|
-
if (i > 0) {
|
|
39
|
-
this.treeCopyContent += '\n';
|
|
40
|
-
}
|
|
41
|
-
const selectedRowIndex: number = selectedIndexes[parseInt(i.toString(), 10)];
|
|
42
|
-
if (!rows[selectedRowIndex as number].classList.contains('e-summaryrow')) {
|
|
43
|
-
const cells: HTMLElement[] = [].slice.call(rows[selectedRowIndex as number].querySelectorAll('.e-rowcell'));
|
|
44
|
-
const uniqueid: string = this.treeGridParent.getSelectedRecords()[parseInt(i.toString(), 10) as number][`${uniqueID}`];
|
|
45
|
-
if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
|
|
46
|
-
if (this.treeGridParent.copyHierarchyMode === 'Parent' || this.treeGridParent.copyHierarchyMode === 'Both') {
|
|
47
|
-
this.parentContentData(currentRecords, selectedRowIndex, rows, withHeader, i);
|
|
48
|
-
}
|
|
49
|
-
this[`${getCopyData}`](cells, false, '\t', withHeader);
|
|
50
|
-
this.treeCopyContent += this[`${copyContent}`];
|
|
51
|
-
this.copiedUniqueIdCollection.push(uniqueid);
|
|
52
|
-
this[`${copyContent}`] = '';
|
|
53
|
-
if (this.treeGridParent.copyHierarchyMode === 'Child' || this.treeGridParent.copyHierarchyMode === 'Both') {
|
|
54
|
-
this.childContentData(currentRecords, selectedIndexes[parseInt(i.toString(), 10)], rows, withHeader);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
if (withHeader) {
|
|
60
|
-
const headerTextArray : string[] = this.treeGridParent.getVisibleColumns().map((col: Column) => col.headerText);
|
|
61
|
-
this[`${getCopyData}`](headerTextArray, false, '\t', withHeader);
|
|
62
|
-
this.treeCopyContent = this[`${copyContent}`] + '\n' + this.treeCopyContent;
|
|
63
|
-
}
|
|
64
|
-
const args: BeforeCopyEventArgs = {
|
|
65
|
-
data: this.treeCopyContent,
|
|
66
|
-
cancel: false
|
|
67
|
-
};
|
|
68
|
-
this.treeGridParent.trigger(events.beforeCopy, args);
|
|
69
|
-
if (args.cancel) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
this.clipBoardTextArea.value = this[`${copyContent}`] = args.data;
|
|
73
|
-
if (!Browser.userAgent.match(/ipad|ipod|iphone/i)) {
|
|
74
|
-
this.clipBoardTextArea.select();
|
|
75
|
-
} else {
|
|
76
|
-
this.clipBoardTextArea.setSelectionRange(
|
|
77
|
-
0,
|
|
78
|
-
this.clipBoardTextArea.value.length
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
this[`${isSelect}`] = true;
|
|
82
|
-
this.copiedUniqueIdCollection = [];
|
|
83
|
-
this.treeCopyContent = '';
|
|
84
|
-
} else {
|
|
85
|
-
super.setCopyData(withHeader);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
private parentContentData(currentRecords: Object[], selectedIndex: number, rows: Element[],
|
|
90
|
-
withHeader?: boolean, index?: number): void {
|
|
91
|
-
const getCopyData: string = 'getCopyData';
|
|
92
|
-
const copyContent: string = 'copyContent';
|
|
93
|
-
const parentItem: string = 'parentItem';
|
|
94
|
-
const uniqueID: string = 'uniqueID';
|
|
95
|
-
const level: string = 'level';
|
|
96
|
-
if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)][`${parentItem}`])) {
|
|
97
|
-
const treeLevel: number = currentRecords[parseInt(selectedIndex.toString(), 10)][`${parentItem}`][`${level}`];
|
|
98
|
-
for (let i: number = 0; i < treeLevel + 1; i++) {
|
|
99
|
-
for (let j: number = 0; j < currentRecords.length; j++) {
|
|
100
|
-
if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)][`${parentItem}`]) &&
|
|
101
|
-
currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`] === currentRecords[parseInt(selectedIndex.toString(), 10)][`${parentItem}`][`${uniqueID}`]) {
|
|
102
|
-
selectedIndex = j;
|
|
103
|
-
const cells: HTMLElement[] = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell'));
|
|
104
|
-
const uniqueid: string = currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`];
|
|
105
|
-
if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
|
|
106
|
-
this[`${getCopyData}`](cells, false, '\t', withHeader);
|
|
107
|
-
if (index > 0) {
|
|
108
|
-
this.treeCopyContent = this.treeCopyContent + this[`${copyContent}`] + '\n';
|
|
109
|
-
} else {
|
|
110
|
-
this.treeCopyContent = this[`${copyContent}`] + '\n' + this.treeCopyContent;
|
|
111
|
-
}
|
|
112
|
-
this.copiedUniqueIdCollection.push(uniqueid);
|
|
113
|
-
this[`${copyContent}`] = '';
|
|
114
|
-
break;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
public copy(withHeader?: boolean): void {
|
|
122
|
-
super.copy(withHeader);
|
|
123
|
-
}
|
|
124
|
-
public paste(data: string, rowIndex: number, colIndex: number): void {
|
|
125
|
-
super.paste(data, rowIndex, colIndex);
|
|
126
|
-
}
|
|
127
|
-
/**
|
|
128
|
-
* For internal use only - Get the module name.
|
|
129
|
-
*
|
|
130
|
-
* @private
|
|
131
|
-
* @returns {string} Returns clipboard module name
|
|
132
|
-
*/
|
|
133
|
-
protected getModuleName(): string {
|
|
134
|
-
return 'clipboard';
|
|
135
|
-
}
|
|
136
|
-
/**
|
|
137
|
-
* To destroy the clipboard
|
|
138
|
-
*
|
|
139
|
-
* @returns {void}
|
|
140
|
-
* @hidden
|
|
141
|
-
*/
|
|
142
|
-
public destroy(): void {
|
|
143
|
-
super.destroy();
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
private childContentData(currentRecords: Object[], selectedIndex: number, rows: Element[], withHeader?: boolean): void {
|
|
147
|
-
const getCopyData: string = 'getCopyData';
|
|
148
|
-
const copyContent: string = 'copyContent';
|
|
149
|
-
const childRecords: string = 'childRecords';
|
|
150
|
-
const hasChildRecords: string = 'hasChildRecords';
|
|
151
|
-
const uniqueID: string = 'uniqueID';
|
|
152
|
-
if (currentRecords[parseInt(selectedIndex.toString(), 10)][`${hasChildRecords}`]) {
|
|
153
|
-
const childData: Object[] = currentRecords[parseInt(selectedIndex.toString(), 10)][`${childRecords}`];
|
|
154
|
-
for (let i: number = 0; i < childData.length; i++ ) {
|
|
155
|
-
for (let j: number = 0; j < currentRecords.length; j++) {
|
|
156
|
-
if (!isNullOrUndefined(childData[parseInt(i.toString(), 10)][`${uniqueID}`]) && currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`] === childData[parseInt(i.toString(), 10)][`${uniqueID}`]) {
|
|
157
|
-
if ((!isNullOrUndefined(rows[parseInt(j.toString(), 10)])) && !rows[parseInt(j.toString(), 10)].classList.contains('e-summaryrow')) {
|
|
158
|
-
const cells: HTMLElement[] = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell'));
|
|
159
|
-
const uniqueid: string = currentRecords[parseInt(j.toString(), 10)][`${uniqueID}`];
|
|
160
|
-
if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
|
|
161
|
-
this[`${getCopyData}`](cells, false, '\t', withHeader);
|
|
162
|
-
this.treeCopyContent += ('\n' + this[`${copyContent}`]);
|
|
163
|
-
this[`${copyContent}`] = '';
|
|
164
|
-
this.copiedUniqueIdCollection.push(uniqueid);
|
|
165
|
-
this.childContentData(currentRecords, j, rows, withHeader);
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
break;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { TreeGrid } from '../base/treegrid';
|
|
2
|
-
/**
|
|
3
|
-
* TreeGrid ColumnChooser module
|
|
4
|
-
*
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export declare class ColumnChooser {
|
|
8
|
-
private parent;
|
|
9
|
-
/**
|
|
10
|
-
* Constructor for render module
|
|
11
|
-
*
|
|
12
|
-
* @param {TreeGrid} parent - Tree Grid instance.
|
|
13
|
-
*/
|
|
14
|
-
constructor(parent?: TreeGrid);
|
|
15
|
-
/**
|
|
16
|
-
* Column chooser can be displayed on screen by given position(X and Y axis).
|
|
17
|
-
*
|
|
18
|
-
* @param {number} X - Defines the X axis.
|
|
19
|
-
* @param {number} Y - Defines the Y axis.
|
|
20
|
-
* @returns {void}
|
|
21
|
-
*/
|
|
22
|
-
openColumnChooser(X?: number, Y?: number): void;
|
|
23
|
-
/**
|
|
24
|
-
* Destroys the openColumnChooser.
|
|
25
|
-
*
|
|
26
|
-
* @function destroy
|
|
27
|
-
* @returns {void}
|
|
28
|
-
*/
|
|
29
|
-
destroy(): void;
|
|
30
|
-
/**
|
|
31
|
-
* For internal use only - Get the module name.
|
|
32
|
-
*
|
|
33
|
-
* @private
|
|
34
|
-
* @returns {string} Returns ColumnChooser module name
|
|
35
|
-
*/
|
|
36
|
-
private getModuleName;
|
|
37
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { TreeGrid } from '../base/treegrid';
|
|
2
|
-
import { Grid, ColumnChooser as GridColumnChooser } from '@syncfusion/ej2-grids';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* TreeGrid ColumnChooser module
|
|
6
|
-
*
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export class ColumnChooser {
|
|
10
|
-
private parent: TreeGrid;
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Constructor for render module
|
|
14
|
-
*
|
|
15
|
-
* @param {TreeGrid} parent - Tree Grid instance.
|
|
16
|
-
*/
|
|
17
|
-
constructor(parent?: TreeGrid) {
|
|
18
|
-
Grid.Inject(GridColumnChooser);
|
|
19
|
-
this.parent = parent;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Column chooser can be displayed on screen by given position(X and Y axis).
|
|
24
|
-
*
|
|
25
|
-
* @param {number} X - Defines the X axis.
|
|
26
|
-
* @param {number} Y - Defines the Y axis.
|
|
27
|
-
* @returns {void}
|
|
28
|
-
*/
|
|
29
|
-
|
|
30
|
-
public openColumnChooser(X?: number, Y?: number): void {
|
|
31
|
-
return this.parent.grid.columnChooserModule.openColumnChooser(X, Y);
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Destroys the openColumnChooser.
|
|
35
|
-
*
|
|
36
|
-
* @function destroy
|
|
37
|
-
* @returns {void}
|
|
38
|
-
*/
|
|
39
|
-
|
|
40
|
-
public destroy(): void {
|
|
41
|
-
//this.parent.grid.ColumnChooserModule.destroy();
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* For internal use only - Get the module name.
|
|
48
|
-
*
|
|
49
|
-
* @private
|
|
50
|
-
* @returns {string} Returns ColumnChooser module name
|
|
51
|
-
*/
|
|
52
|
-
private getModuleName(): string {
|
|
53
|
-
return 'ColumnChooser';
|
|
54
|
-
}
|
|
55
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TreeGrid } from '../base/treegrid';
|
|
2
|
-
/**
|
|
3
|
-
* TreeGrid ColumnMenu module
|
|
4
|
-
*
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export declare class ColumnMenu {
|
|
8
|
-
private parent;
|
|
9
|
-
/**
|
|
10
|
-
* Constructor for render module
|
|
11
|
-
*
|
|
12
|
-
* @param {TreeGrid} parent - Tree Grid instance
|
|
13
|
-
*/
|
|
14
|
-
constructor(parent?: TreeGrid);
|
|
15
|
-
getColumnMenu(): HTMLElement;
|
|
16
|
-
destroy(): void;
|
|
17
|
-
/**
|
|
18
|
-
* For internal use only - Get the module name.
|
|
19
|
-
*
|
|
20
|
-
* @private
|
|
21
|
-
* @returns {string} Returns ColumnMenu module name
|
|
22
|
-
*/
|
|
23
|
-
private getModuleName;
|
|
24
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { TreeGrid } from '../base/treegrid';
|
|
2
|
-
import { Grid, ColumnMenu as GridColumnMenu } from '@syncfusion/ej2-grids';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* TreeGrid ColumnMenu module
|
|
6
|
-
*
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export class ColumnMenu {
|
|
10
|
-
private parent: TreeGrid;
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Constructor for render module
|
|
14
|
-
*
|
|
15
|
-
* @param {TreeGrid} parent - Tree Grid instance
|
|
16
|
-
*/
|
|
17
|
-
constructor(parent?: TreeGrid) {
|
|
18
|
-
Grid.Inject(GridColumnMenu);
|
|
19
|
-
this.parent = parent;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
public getColumnMenu(): HTMLElement {
|
|
23
|
-
return this.parent.grid.columnMenuModule.getColumnMenu();
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
public destroy(): void {
|
|
27
|
-
//this.parent.grid.columnMenuModule.destroy();
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* For internal use only - Get the module name.
|
|
32
|
-
*
|
|
33
|
-
* @private
|
|
34
|
-
* @returns {string} Returns ColumnMenu module name
|
|
35
|
-
*/
|
|
36
|
-
private getModuleName(): string {
|
|
37
|
-
return 'columnMenu';
|
|
38
|
-
}
|
|
39
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TreeGrid } from '../base';
|
|
2
|
-
/**
|
|
3
|
-
* Command Column Module for TreeGrid
|
|
4
|
-
*
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export declare class CommandColumn {
|
|
8
|
-
private parent;
|
|
9
|
-
constructor(parent: TreeGrid);
|
|
10
|
-
/**
|
|
11
|
-
* For internal use only - Get the module name.
|
|
12
|
-
*
|
|
13
|
-
* @private
|
|
14
|
-
* @returns {string} Returns CommandColumn module name
|
|
15
|
-
*/
|
|
16
|
-
protected getModuleName(): string;
|
|
17
|
-
/**
|
|
18
|
-
* Destroys the ContextMenu.
|
|
19
|
-
*
|
|
20
|
-
* @function destroy
|
|
21
|
-
* @returns {void}
|
|
22
|
-
*/
|
|
23
|
-
destroy(): void;
|
|
24
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Grid, CommandColumn as Command } from '@syncfusion/ej2-grids';
|
|
2
|
-
import { TreeGrid } from '../base';
|
|
3
|
-
/**
|
|
4
|
-
* Command Column Module for TreeGrid
|
|
5
|
-
*
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export class CommandColumn {
|
|
9
|
-
private parent: TreeGrid;
|
|
10
|
-
constructor(parent: TreeGrid) {
|
|
11
|
-
Grid.Inject(Command);
|
|
12
|
-
this.parent = parent;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* For internal use only - Get the module name.
|
|
16
|
-
*
|
|
17
|
-
* @private
|
|
18
|
-
* @returns {string} Returns CommandColumn module name
|
|
19
|
-
*/
|
|
20
|
-
protected getModuleName(): string {
|
|
21
|
-
return 'commandColumn';
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Destroys the ContextMenu.
|
|
25
|
-
*
|
|
26
|
-
* @function destroy
|
|
27
|
-
* @returns {void}
|
|
28
|
-
*/
|
|
29
|
-
public destroy(): void {
|
|
30
|
-
//this.removeEventListener();
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { TreeGrid } from '../base';
|
|
2
|
-
/**
|
|
3
|
-
* ContextMenu Module for TreeGrid
|
|
4
|
-
*
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export declare class ContextMenu {
|
|
8
|
-
private parent;
|
|
9
|
-
constructor(parent: TreeGrid);
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
* @returns {void}
|
|
13
|
-
*/
|
|
14
|
-
addEventListener(): void;
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
* @returns {void}
|
|
18
|
-
*/
|
|
19
|
-
removeEventListener(): void;
|
|
20
|
-
private contextMenuOpen;
|
|
21
|
-
private contextMenuClick;
|
|
22
|
-
/**
|
|
23
|
-
* For internal use only - Get the module name.
|
|
24
|
-
*
|
|
25
|
-
* @private
|
|
26
|
-
* @returns {string} Returns ContextMenu module name
|
|
27
|
-
*/
|
|
28
|
-
protected getModuleName(): string;
|
|
29
|
-
/**
|
|
30
|
-
* Destroys the ContextMenu.
|
|
31
|
-
*
|
|
32
|
-
* @function destroy
|
|
33
|
-
* @returns {void}
|
|
34
|
-
*/
|
|
35
|
-
destroy(): void;
|
|
36
|
-
/**
|
|
37
|
-
* Gets the context menu element from the TreeGrid.
|
|
38
|
-
*
|
|
39
|
-
* @returns {Element} Return Context Menu root element.
|
|
40
|
-
*/
|
|
41
|
-
getContextMenu(): Element;
|
|
42
|
-
}
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
import { Grid, ContextMenu as cmenu, ContextMenuOpenEventArgs } from '@syncfusion/ej2-grids';
|
|
2
|
-
import { ITreeData, TreeGrid } from '../base';
|
|
3
|
-
import { MenuEventArgs } from '@syncfusion/ej2-navigations';
|
|
4
|
-
import { isNullOrUndefined, select } from '@syncfusion/ej2-base';
|
|
5
|
-
/**
|
|
6
|
-
* ContextMenu Module for TreeGrid
|
|
7
|
-
*
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export class ContextMenu {
|
|
11
|
-
private parent: TreeGrid;
|
|
12
|
-
constructor(parent: TreeGrid) {
|
|
13
|
-
Grid.Inject(cmenu);
|
|
14
|
-
this.parent = parent;
|
|
15
|
-
this.addEventListener();
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
* @returns {void}
|
|
20
|
-
*/
|
|
21
|
-
public addEventListener(): void {
|
|
22
|
-
this.parent.on('contextMenuOpen', this.contextMenuOpen, this);
|
|
23
|
-
this.parent.on('contextMenuClick', this.contextMenuClick, this);
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
* @returns {void}
|
|
28
|
-
*/
|
|
29
|
-
public removeEventListener(): void {
|
|
30
|
-
if (this.parent.isDestroyed) {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
this.parent.off('contextMenuOpen', this.contextMenuOpen);
|
|
34
|
-
this.parent.off('contextMenuClick', this.contextMenuClick);
|
|
35
|
-
}
|
|
36
|
-
private contextMenuOpen(args: ContextMenuOpenEventArgs): void {
|
|
37
|
-
const addRow: HTMLElement = select('#' + this.parent.element.id + '_gridcontrol_cmenu_AddRow', args.element);
|
|
38
|
-
const editRecord: HTMLElement = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Edit', args.element);
|
|
39
|
-
const indent: HTMLElement = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Indent', args.element);
|
|
40
|
-
const outdent: HTMLElement = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Outdent', args.element);
|
|
41
|
-
if (addRow) {
|
|
42
|
-
if (this.parent.grid.editSettings.allowAdding === false || this.parent.grid.isEdit) {
|
|
43
|
-
addRow.style.display = 'none';
|
|
44
|
-
} else {
|
|
45
|
-
addRow.style.display = 'block';
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
if ((this.parent.editSettings.mode === 'Cell' || this.parent.editSettings.mode === 'Batch')
|
|
49
|
-
&& !(isNullOrUndefined(editRecord)) && !(editRecord.classList.contains('e-menu-hide'))) {
|
|
50
|
-
editRecord.style.display = 'none';
|
|
51
|
-
}
|
|
52
|
-
const tObj: TreeGrid = this.parent;
|
|
53
|
-
const selectedrow: HTMLTableRowElement = tObj.getSelectedRows()[0] as HTMLTableRowElement;
|
|
54
|
-
if ((indent || outdent) && !isNullOrUndefined(selectedrow)) {
|
|
55
|
-
const targetElement: Element = (args.event.target as Element).closest('td');
|
|
56
|
-
if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && (!targetElement.classList.contains('e-rowcell') ||
|
|
57
|
-
targetElement.querySelectorAll('.e-gridform').length !== 0))) {
|
|
58
|
-
for (const items of args.items) {
|
|
59
|
-
if (items.text === 'Outdent' || items.text === 'Indent') {
|
|
60
|
-
tObj.grid.contextMenuModule['hiddenItems'].push(items.text);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
|
|
64
|
-
indent.style.display = outdent.style.display = 'none';
|
|
65
|
-
}
|
|
66
|
-
else {
|
|
67
|
-
if (selectedrow.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
|
|
68
|
-
indent.style.display = outdent.style.display = 'none';
|
|
69
|
-
}
|
|
70
|
-
else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
|
|
71
|
-
const selectedItem: ITreeData = tObj.getCurrentViewRecords()[selectedrow.rowIndex];
|
|
72
|
-
if (!isNullOrUndefined(selectedItem)) {
|
|
73
|
-
if ((selectedItem.level > (tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1] as ITreeData).level)) {
|
|
74
|
-
indent.style.display = 'none';
|
|
75
|
-
} else {
|
|
76
|
-
indent.style.display = 'block';
|
|
77
|
-
}
|
|
78
|
-
if ((selectedItem.level === (tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1] as ITreeData).level)) {
|
|
79
|
-
indent.style.display = 'block';
|
|
80
|
-
}
|
|
81
|
-
if ((selectedItem.level === 0)) {
|
|
82
|
-
outdent.style.display = 'none';
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
outdent.style.display = 'block';
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
if (((indent || outdent) || tObj.grid.isEdit) && isNullOrUndefined(selectedrow)) {
|
|
93
|
-
for (const items of args.items) {
|
|
94
|
-
if (items.text === 'Outdent' || items.text === 'Indent') {
|
|
95
|
-
if (!tObj.grid.contextMenuModule['hiddenItems'].includes(items.text)) {
|
|
96
|
-
tObj.grid.contextMenuModule['hiddenItems'].push(items.text);
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
|
|
101
|
-
if (indent || outdent) {
|
|
102
|
-
indent.style.display = outdent.style.display = 'none';
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
private contextMenuClick(args: MenuEventArgs): void {
|
|
108
|
-
if (args.item.id === 'Above' || args.item.id === 'Below' || args.item.id === 'Child') {
|
|
109
|
-
this.parent.notify('savePreviousRowPosition', args);
|
|
110
|
-
this.parent.setProperties({editSettings: {newRowPosition: args.item.id }}, true);
|
|
111
|
-
this.parent.editModule['isAddedRowByContextMenu'] = true;
|
|
112
|
-
this.parent.addRecord();
|
|
113
|
-
}
|
|
114
|
-
if (args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Indent' || args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Outdent') {
|
|
115
|
-
if (!isNullOrUndefined(this.parent.rowDragAndDropModule)) {
|
|
116
|
-
const indentOutdentAction: string = 'indentOutdentAction';
|
|
117
|
-
const action: string = args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Indent' ? 'indent' : 'outdent';
|
|
118
|
-
this.parent.rowDragAndDropModule[`${indentOutdentAction}`](null, action);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
/**
|
|
123
|
-
* For internal use only - Get the module name.
|
|
124
|
-
*
|
|
125
|
-
* @private
|
|
126
|
-
* @returns {string} Returns ContextMenu module name
|
|
127
|
-
*/
|
|
128
|
-
protected getModuleName(): string {
|
|
129
|
-
return 'contextMenu';
|
|
130
|
-
}
|
|
131
|
-
/**
|
|
132
|
-
* Destroys the ContextMenu.
|
|
133
|
-
*
|
|
134
|
-
* @function destroy
|
|
135
|
-
* @returns {void}
|
|
136
|
-
*/
|
|
137
|
-
public destroy(): void {
|
|
138
|
-
this.removeEventListener();
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/**
|
|
142
|
-
* Gets the context menu element from the TreeGrid.
|
|
143
|
-
*
|
|
144
|
-
* @returns {Element} Return Context Menu root element.
|
|
145
|
-
*/
|
|
146
|
-
public getContextMenu(): Element {
|
|
147
|
-
return this.parent.grid.contextMenuModule.getContextMenu();
|
|
148
|
-
}
|
|
149
|
-
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* crud-actions.ts file
|
|
3
|
-
*/
|
|
4
|
-
import { ITreeData } from '../base/interface';
|
|
5
|
-
import { TreeGrid } from '../base';
|
|
6
|
-
/**
|
|
7
|
-
* Performs CRUD update to Tree Grid data source
|
|
8
|
-
*
|
|
9
|
-
* @param {{value: ITreeData, action: string }} details - Gets modified record value and CRUD action type
|
|
10
|
-
* @param {TreeGrid} details.value - Gets modified record value
|
|
11
|
-
* @param {string} details.action - CRUD action type
|
|
12
|
-
* @param {TreeGrid} control - Tree Grid instance
|
|
13
|
-
* @param {boolean} isSelfReference - Denotes whether Self Referential data binding
|
|
14
|
-
* @param {number} addRowIndex - New add row index
|
|
15
|
-
* @param {number} selectedIndex - Selected Row index
|
|
16
|
-
* @param {string} columnName - Column field name
|
|
17
|
-
* @param {ITreeData} addRowRecord - Newly added record
|
|
18
|
-
* @returns {void}
|
|
19
|
-
*/
|
|
20
|
-
export declare function editAction(details: {
|
|
21
|
-
value: ITreeData;
|
|
22
|
-
action: string;
|
|
23
|
-
}, control: TreeGrid, isSelfReference: boolean, addRowIndex: number, selectedIndex: number, columnName?: string, addRowRecord?: ITreeData): void;
|
|
24
|
-
/**
|
|
25
|
-
* Performs Add action to Tree Grid data source
|
|
26
|
-
*
|
|
27
|
-
* @param {{value: ITreeData, action: string }} details - Gets modified record value and CRUD action type
|
|
28
|
-
* @param {TreeGrid} details.value - Gets modified record value
|
|
29
|
-
* @param {string} details.action - CRUD action type
|
|
30
|
-
* @param {Object[]} treeData - Tree Grid data source
|
|
31
|
-
* @param {TreeGrid} control - Tree Grid instance
|
|
32
|
-
* @param {boolean} isSelfReference - Denotes whether Self Referential data binding
|
|
33
|
-
* @param {number} addRowIndex - New add row index
|
|
34
|
-
* @param {number} selectedIndex - Selected Row index
|
|
35
|
-
* @param {ITreeData} addRowRecord - Newly added record
|
|
36
|
-
* @returns {void}
|
|
37
|
-
*/
|
|
38
|
-
export declare function addAction(details: {
|
|
39
|
-
value: ITreeData;
|
|
40
|
-
action: string;
|
|
41
|
-
}, treeData: Object[], control: TreeGrid, isSelfReference: boolean, addRowIndex: number, selectedIndex: number, addRowRecord: ITreeData): {
|
|
42
|
-
value: Object;
|
|
43
|
-
isSkip: boolean;
|
|
44
|
-
};
|
|
45
|
-
/**
|
|
46
|
-
* @param {ITreeData[]} childRecords - Child Records collection
|
|
47
|
-
* @param {Object} modifiedData - Modified data in crud action
|
|
48
|
-
* @param {string} action - crud action type
|
|
49
|
-
* @param {string} key - Primary key field name
|
|
50
|
-
* @param {TreeGrid} control - Tree Grid instance
|
|
51
|
-
* @param {boolean} isSelfReference - Specified whether Self Referential data binding
|
|
52
|
-
* @param {ITreeData} originalData - Non updated data from data source, of edited data
|
|
53
|
-
* @param {string} columnName - column field name
|
|
54
|
-
* @returns {boolean} Returns whether child records exists
|
|
55
|
-
*/
|
|
56
|
-
export declare function removeChildRecords(childRecords: ITreeData[], modifiedData: Object, action: string, key: string, control: TreeGrid, isSelfReference: boolean, originalData?: ITreeData, columnName?: string): boolean;
|
|
57
|
-
/**
|
|
58
|
-
* @param {string} key - Primary key field name
|
|
59
|
-
* @param {ITreeData} record - Parent Record which has to be updated
|
|
60
|
-
* @param {string} action - CRUD action type
|
|
61
|
-
* @param {TreeGrid} control - Tree Grid instance
|
|
62
|
-
* @param {boolean} isSelfReference - Specified whether self referential data binding
|
|
63
|
-
* @param {ITreeData} child - Specifies child record
|
|
64
|
-
* @returns {void}
|
|
65
|
-
*/
|
|
66
|
-
export declare function updateParentRow(key: string, record: ITreeData, action: string, control: TreeGrid, isSelfReference: boolean, child?: ITreeData): void;
|