@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.
Files changed (136) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +13 -4
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +13 -4
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -50
  12. package/src/treegrid/actions/edit.js +1 -1
  13. package/src/treegrid/actions/rowdragdrop.js +12 -3
  14. package/styles/bootstrap4-lite.css +8 -0
  15. package/styles/bootstrap4.css +8 -0
  16. package/styles/treegrid/bootstrap4.css +8 -0
  17. package/dist/ts/index.d.ts +0 -4
  18. package/dist/ts/index.ts +0 -4
  19. package/dist/ts/treegrid/actions/batch-edit.d.ts +0 -74
  20. package/dist/ts/treegrid/actions/batch-edit.ts +0 -627
  21. package/dist/ts/treegrid/actions/clipboard.d.ts +0 -36
  22. package/dist/ts/treegrid/actions/clipboard.ts +0 -174
  23. package/dist/ts/treegrid/actions/column-chooser.d.ts +0 -37
  24. package/dist/ts/treegrid/actions/column-chooser.ts +0 -55
  25. package/dist/ts/treegrid/actions/column-menu.d.ts +0 -24
  26. package/dist/ts/treegrid/actions/column-menu.ts +0 -39
  27. package/dist/ts/treegrid/actions/command-column.d.ts +0 -24
  28. package/dist/ts/treegrid/actions/command-column.ts +0 -32
  29. package/dist/ts/treegrid/actions/context-menu.d.ts +0 -42
  30. package/dist/ts/treegrid/actions/context-menu.ts +0 -149
  31. package/dist/ts/treegrid/actions/crud-actions.d.ts +0 -66
  32. package/dist/ts/treegrid/actions/crud-actions.ts +0 -388
  33. package/dist/ts/treegrid/actions/detail-row.d.ts +0 -39
  34. package/dist/ts/treegrid/actions/detail-row.ts +0 -124
  35. package/dist/ts/treegrid/actions/edit.d.ts +0 -121
  36. package/dist/ts/treegrid/actions/edit.ts +0 -1083
  37. package/dist/ts/treegrid/actions/excel-export.d.ts +0 -67
  38. package/dist/ts/treegrid/actions/excel-export.ts +0 -240
  39. package/dist/ts/treegrid/actions/filter.d.ts +0 -57
  40. package/dist/ts/treegrid/actions/filter.ts +0 -231
  41. package/dist/ts/treegrid/actions/freeze-column.d.ts +0 -28
  42. package/dist/ts/treegrid/actions/freeze-column.ts +0 -119
  43. package/dist/ts/treegrid/actions/index.d.ts +0 -24
  44. package/dist/ts/treegrid/actions/index.ts +0 -24
  45. package/dist/ts/treegrid/actions/infinite-scroll.d.ts +0 -96
  46. package/dist/ts/treegrid/actions/infinite-scroll.ts +0 -320
  47. package/dist/ts/treegrid/actions/logger.d.ts +0 -25
  48. package/dist/ts/treegrid/actions/logger.ts +0 -136
  49. package/dist/ts/treegrid/actions/page.d.ts +0 -67
  50. package/dist/ts/treegrid/actions/page.ts +0 -212
  51. package/dist/ts/treegrid/actions/pdf-export.d.ts +0 -63
  52. package/dist/ts/treegrid/actions/pdf-export.ts +0 -182
  53. package/dist/ts/treegrid/actions/print.d.ts +0 -37
  54. package/dist/ts/treegrid/actions/print.ts +0 -69
  55. package/dist/ts/treegrid/actions/reorder.d.ts +0 -36
  56. package/dist/ts/treegrid/actions/reorder.ts +0 -60
  57. package/dist/ts/treegrid/actions/resize.d.ts +0 -36
  58. package/dist/ts/treegrid/actions/resize.ts +0 -54
  59. package/dist/ts/treegrid/actions/rowdragdrop.d.ts +0 -405
  60. package/dist/ts/treegrid/actions/rowdragdrop.ts +0 -1896
  61. package/dist/ts/treegrid/actions/selection.d.ts +0 -51
  62. package/dist/ts/treegrid/actions/selection.ts +0 -530
  63. package/dist/ts/treegrid/actions/sort.d.ts +0 -63
  64. package/dist/ts/treegrid/actions/sort.ts +0 -149
  65. package/dist/ts/treegrid/actions/summary.d.ts +0 -47
  66. package/dist/ts/treegrid/actions/summary.ts +0 -231
  67. package/dist/ts/treegrid/actions/toolbar.d.ts +0 -52
  68. package/dist/ts/treegrid/actions/toolbar.ts +0 -154
  69. package/dist/ts/treegrid/actions/virtual-scroll.d.ts +0 -90
  70. package/dist/ts/treegrid/actions/virtual-scroll.ts +0 -306
  71. package/dist/ts/treegrid/base/constant.d.ts +0 -158
  72. package/dist/ts/treegrid/base/constant.ts +0 -158
  73. package/dist/ts/treegrid/base/data.d.ts +0 -90
  74. package/dist/ts/treegrid/base/data.ts +0 -904
  75. package/dist/ts/treegrid/base/index.d.ts +0 -11
  76. package/dist/ts/treegrid/base/index.ts +0 -11
  77. package/dist/ts/treegrid/base/interface.d.ts +0 -186
  78. package/dist/ts/treegrid/base/interface.ts +0 -191
  79. package/dist/ts/treegrid/base/treegrid-model.d.ts +0 -1100
  80. package/dist/ts/treegrid/base/treegrid.d.ts +0 -2422
  81. package/dist/ts/treegrid/base/treegrid.ts +0 -5962
  82. package/dist/ts/treegrid/enum.d.ts +0 -152
  83. package/dist/ts/treegrid/enum.ts +0 -217
  84. package/dist/ts/treegrid/index.d.ts +0 -9
  85. package/dist/ts/treegrid/index.ts +0 -9
  86. package/dist/ts/treegrid/models/column-chooser-settings-model.d.ts +0 -62
  87. package/dist/ts/treegrid/models/column-chooser-settings.d.ts +0 -53
  88. package/dist/ts/treegrid/models/column-chooser-settings.ts +0 -67
  89. package/dist/ts/treegrid/models/column-model.d.ts +0 -30
  90. package/dist/ts/treegrid/models/column.d.ts +0 -697
  91. package/dist/ts/treegrid/models/column.ts +0 -800
  92. package/dist/ts/treegrid/models/edit-settings-model.d.ts +0 -100
  93. package/dist/ts/treegrid/models/edit-settings.d.ts +0 -89
  94. package/dist/ts/treegrid/models/edit-settings.ts +0 -111
  95. package/dist/ts/treegrid/models/filter-settings-model.d.ts +0 -216
  96. package/dist/ts/treegrid/models/filter-settings.d.ts +0 -195
  97. package/dist/ts/treegrid/models/filter-settings.ts +0 -237
  98. package/dist/ts/treegrid/models/index.d.ts +0 -24
  99. package/dist/ts/treegrid/models/index.ts +0 -24
  100. package/dist/ts/treegrid/models/infinite-scroll-settings-model.d.ts +0 -29
  101. package/dist/ts/treegrid/models/infinite-scroll-settings.d.ts +0 -25
  102. package/dist/ts/treegrid/models/infinite-scroll-settings.ts +0 -31
  103. package/dist/ts/treegrid/models/loading-indicator-model.d.ts +0 -21
  104. package/dist/ts/treegrid/models/loading-indicator.d.ts +0 -19
  105. package/dist/ts/treegrid/models/loading-indicator.ts +0 -21
  106. package/dist/ts/treegrid/models/page-settings-model.d.ts +0 -66
  107. package/dist/ts/treegrid/models/page-settings.d.ts +0 -57
  108. package/dist/ts/treegrid/models/page-settings.ts +0 -73
  109. package/dist/ts/treegrid/models/rowdrop-settings-model.d.ts +0 -15
  110. package/dist/ts/treegrid/models/rowdrop-settings.d.ts +0 -34
  111. package/dist/ts/treegrid/models/rowdrop-settings.ts +0 -37
  112. package/dist/ts/treegrid/models/search-settings-model.d.ts +0 -79
  113. package/dist/ts/treegrid/models/search-settings.d.ts +0 -73
  114. package/dist/ts/treegrid/models/search-settings.ts +0 -83
  115. package/dist/ts/treegrid/models/selection-settings-model.d.ts +0 -76
  116. package/dist/ts/treegrid/models/selection-settings.d.ts +0 -68
  117. package/dist/ts/treegrid/models/selection-settings.ts +0 -82
  118. package/dist/ts/treegrid/models/sort-settings-model.d.ts +0 -49
  119. package/dist/ts/treegrid/models/sort-settings.d.ts +0 -43
  120. package/dist/ts/treegrid/models/sort-settings.ts +0 -51
  121. package/dist/ts/treegrid/models/summary-model.d.ts +0 -93
  122. package/dist/ts/treegrid/models/summary.d.ts +0 -126
  123. package/dist/ts/treegrid/models/summary.ts +0 -170
  124. package/dist/ts/treegrid/models/textwrap-settings-model.d.ts +0 -21
  125. package/dist/ts/treegrid/models/textwrap-settings.d.ts +0 -19
  126. package/dist/ts/treegrid/models/textwrap-settings.ts +0 -21
  127. package/dist/ts/treegrid/renderer/index.d.ts +0 -5
  128. package/dist/ts/treegrid/renderer/index.ts +0 -5
  129. package/dist/ts/treegrid/renderer/render.d.ts +0 -41
  130. package/dist/ts/treegrid/renderer/render.ts +0 -379
  131. package/dist/ts/treegrid/renderer/virtual-row-model-generator.d.ts +0 -16
  132. package/dist/ts/treegrid/renderer/virtual-row-model-generator.ts +0 -90
  133. package/dist/ts/treegrid/renderer/virtual-tree-content-render.d.ts +0 -353
  134. package/dist/ts/treegrid/renderer/virtual-tree-content-render.ts +0 -1125
  135. package/dist/ts/treegrid/utils.d.ts +0 -70
  136. 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;