@syncfusion/ej2-pivotview 20.2.36 → 20.2.43

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 (73) hide show
  1. package/CHANGELOG.md +32 -1
  2. package/dist/ej2-pivotview.umd.min.js +2 -2
  3. package/dist/ej2-pivotview.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-pivotview.es2015.js +383 -294
  5. package/dist/es6/ej2-pivotview.es2015.js.map +1 -1
  6. package/dist/es6/ej2-pivotview.es5.js +397 -306
  7. package/dist/es6/ej2-pivotview.es5.js.map +1 -1
  8. package/dist/global/ej2-pivotview.min.js +2 -2
  9. package/dist/global/ej2-pivotview.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +22 -22
  12. package/src/base/engine.js +11 -9
  13. package/src/base/olap/engine.js +2 -2
  14. package/src/common/base/constant.d.ts +10 -0
  15. package/src/common/base/constant.js +10 -0
  16. package/src/common/base/css-constant.d.ts +2 -4
  17. package/src/common/base/css-constant.js +3 -5
  18. package/src/common/base/interface.d.ts +11 -0
  19. package/src/common/calculatedfield/calculated-field.d.ts +3 -1
  20. package/src/common/calculatedfield/calculated-field.js +163 -168
  21. package/src/common/conditionalformatting/conditional-formatting.js +4 -3
  22. package/src/common/popups/grouping.js +2 -2
  23. package/src/common/popups/toolbar.js +6 -6
  24. package/src/pivotchart/base/pivotchart.js +32 -18
  25. package/src/pivotfieldlist/base/field-list.js +6 -6
  26. package/src/pivotview/actions/drill-through.js +1 -1
  27. package/src/pivotview/actions/excel-export.d.ts +1 -1
  28. package/src/pivotview/actions/excel-export.js +13 -4
  29. package/src/pivotview/actions/keyboard.js +6 -6
  30. package/src/pivotview/actions/pdf-export.d.ts +1 -1
  31. package/src/pivotview/actions/pdf-export.js +13 -2
  32. package/src/pivotview/actions/virtualscroll.d.ts +1 -0
  33. package/src/pivotview/actions/virtualscroll.js +61 -32
  34. package/src/pivotview/base/pivotview-model.d.ts +7 -2
  35. package/src/pivotview/base/pivotview.d.ts +6 -2
  36. package/src/pivotview/base/pivotview.js +41 -27
  37. package/src/pivotview/renderer/render.js +25 -15
  38. package/styles/bootstrap-dark.css +23 -21
  39. package/styles/bootstrap.css +23 -21
  40. package/styles/bootstrap4.css +23 -21
  41. package/styles/bootstrap5-dark.css +23 -21
  42. package/styles/bootstrap5.css +23 -21
  43. package/styles/fabric-dark.css +23 -21
  44. package/styles/fabric.css +23 -21
  45. package/styles/fluent-dark.css +24 -22
  46. package/styles/fluent.css +24 -22
  47. package/styles/highcontrast-light.css +23 -21
  48. package/styles/highcontrast.css +23 -21
  49. package/styles/material-dark.css +23 -21
  50. package/styles/material.css +23 -21
  51. package/styles/pivotfieldlist/_fluent-definition.scss +1 -1
  52. package/styles/pivotfieldlist/_fusionnew-definition.scss +1 -1
  53. package/styles/pivotfieldlist/_layout.scss +14 -10
  54. package/styles/pivotfieldlist/_material3-definition.scss +2 -1
  55. package/styles/pivotfieldlist/_tailwind-definition.scss +1 -1
  56. package/styles/pivotfieldlist/_theme.scss +1 -2
  57. package/styles/pivotfieldlist/bootstrap-dark.css +23 -21
  58. package/styles/pivotfieldlist/bootstrap.css +23 -21
  59. package/styles/pivotfieldlist/bootstrap4.css +23 -21
  60. package/styles/pivotfieldlist/bootstrap5-dark.css +23 -21
  61. package/styles/pivotfieldlist/bootstrap5.css +23 -21
  62. package/styles/pivotfieldlist/fabric-dark.css +23 -21
  63. package/styles/pivotfieldlist/fabric.css +23 -21
  64. package/styles/pivotfieldlist/fluent-dark.css +24 -22
  65. package/styles/pivotfieldlist/fluent.css +24 -22
  66. package/styles/pivotfieldlist/highcontrast-light.css +23 -21
  67. package/styles/pivotfieldlist/highcontrast.css +23 -21
  68. package/styles/pivotfieldlist/material-dark.css +23 -21
  69. package/styles/pivotfieldlist/material.css +23 -21
  70. package/styles/pivotfieldlist/tailwind-dark.css +24 -22
  71. package/styles/pivotfieldlist/tailwind.css +24 -22
  72. package/styles/tailwind-dark.css +24 -22
  73. package/styles/tailwind.css +24 -22
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.2.36
3
+ * version : 20.2.43
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-pivotview@*",
3
- "_id": "@syncfusion/ej2-pivotview@20.15.1",
3
+ "_id": "@syncfusion/ej2-pivotview@20.2.39",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-AQLV+/yXaiv8Csi9l0oqWHteOZHwop8hIYdiWwCSyk5oXAnygJyPbI/CYCRRBWV4sLiY1aAYiVp3mOBLQBfbUg==",
5
+ "_integrity": "sha512-hRdfMr5Ts3MFxljVnu1VihiIMTGUSXA0dJHsV4MwCkuibFD0WhlqgEvvFPHiMLr9EMHDuPGzc35GkS8LOQ57Tg==",
6
6
  "_location": "/@syncfusion/ej2-pivotview",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,8 +23,8 @@
23
23
  "/@syncfusion/ej2-react-pivotview",
24
24
  "/@syncfusion/ej2-vue-pivotview"
25
25
  ],
26
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.15.1.tgz",
27
- "_shasum": "425d009fa2966ce92dedc51e735a93ab02aa04a7",
26
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.2.39.tgz",
27
+ "_shasum": "47eb906e24f58332b474c2cf4c11c60ea62b9327",
28
28
  "_spec": "@syncfusion/ej2-pivotview@*",
29
29
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
30
30
  "author": {
@@ -35,23 +35,23 @@
35
35
  },
36
36
  "bundleDependencies": false,
37
37
  "dependencies": {
38
- "@syncfusion/ej2-base": "~20.2.36",
39
- "@syncfusion/ej2-buttons": "~20.2.36",
40
- "@syncfusion/ej2-calendars": "~20.2.36",
41
- "@syncfusion/ej2-charts": "~20.2.36",
42
- "@syncfusion/ej2-compression": "~20.2.36",
43
- "@syncfusion/ej2-data": "~20.2.36",
44
- "@syncfusion/ej2-dropdowns": "~20.2.36",
45
- "@syncfusion/ej2-excel-export": "~20.2.36",
46
- "@syncfusion/ej2-file-utils": "~20.2.36",
47
- "@syncfusion/ej2-grids": "~20.2.36",
48
- "@syncfusion/ej2-inputs": "~20.2.36",
49
- "@syncfusion/ej2-lists": "~20.2.36",
50
- "@syncfusion/ej2-navigations": "~20.2.36",
51
- "@syncfusion/ej2-pdf-export": "~20.2.36",
52
- "@syncfusion/ej2-popups": "~20.2.36",
53
- "@syncfusion/ej2-splitbuttons": "~20.2.36",
54
- "@syncfusion/ej2-svg-base": "~20.2.36"
38
+ "@syncfusion/ej2-base": "~20.2.43",
39
+ "@syncfusion/ej2-buttons": "~20.2.43",
40
+ "@syncfusion/ej2-calendars": "~20.2.43",
41
+ "@syncfusion/ej2-charts": "~20.2.43",
42
+ "@syncfusion/ej2-compression": "~20.2.43",
43
+ "@syncfusion/ej2-data": "~20.2.43",
44
+ "@syncfusion/ej2-dropdowns": "~20.2.43",
45
+ "@syncfusion/ej2-excel-export": "~20.2.43",
46
+ "@syncfusion/ej2-file-utils": "~20.2.43",
47
+ "@syncfusion/ej2-grids": "~20.2.43",
48
+ "@syncfusion/ej2-inputs": "~20.2.43",
49
+ "@syncfusion/ej2-lists": "~20.2.43",
50
+ "@syncfusion/ej2-navigations": "~20.2.43",
51
+ "@syncfusion/ej2-pdf-export": "~20.2.43",
52
+ "@syncfusion/ej2-popups": "~20.2.43",
53
+ "@syncfusion/ej2-splitbuttons": "~20.2.43",
54
+ "@syncfusion/ej2-svg-base": "~20.2.43"
55
55
  },
56
56
  "deprecated": false,
57
57
  "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table.",
@@ -78,6 +78,6 @@
78
78
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
79
79
  },
80
80
  "typings": "index.d.ts",
81
- "version": "20.2.36",
81
+ "version": "20.2.43",
82
82
  "sideEffects": false
83
83
  }
@@ -463,7 +463,7 @@ var PivotEngine = /** @class */ (function () {
463
463
  if (this_1.fields.indexOf(newFieldName) === -1) {
464
464
  this_1.fields.push(newFieldName);
465
465
  }
466
- item[this_1.fieldKeys[newFieldName]] = (isInRangeAvail ? undefined : new Date(newDate.setMonth(date.getMonth(), newDate.getDate())).toString());
466
+ item[this_1.fieldKeys[newFieldName]] = (isInRangeAvail ? undefined : new Date(newDate.setMonth(date.getMonth(), 1)).toString());
467
467
  }
468
468
  break;
469
469
  case 'Days':
@@ -1706,7 +1706,7 @@ var PivotEngine = /** @class */ (function () {
1706
1706
  row: rows[i],
1707
1707
  column: columns,
1708
1708
  value: value,
1709
- cellSets: this.getCellSet(this.rawIndexObject),
1709
+ cellSets: this.getValueCellInfo ? this.getCellSet(this.rawIndexObject) : [],
1710
1710
  rowCellType: (rows[i].hasChild && rows[i].isDrilled ? 'subTotal' : rows[i].type === 'grand sum' ? 'grandTotal' : 'value'),
1711
1711
  columnCellType: (columns.hasChild && columns.isDrilled ? 'subTotal' : columns.type === 'grand sum' ? 'grandTotal' : 'value'),
1712
1712
  aggregateType: aggregate,
@@ -2634,7 +2634,7 @@ var PivotEngine = /** @class */ (function () {
2634
2634
  PivotUtil.applyHeadersSort(sortMembersOrder, sortOrder, type);
2635
2635
  isHeaderSortByDefault = true;
2636
2636
  }
2637
- if (isHeaderSortByDefault) {
2637
+ if (isHeaderSortByDefault && this.getHeaderSortInfo) {
2638
2638
  var copyOrder = [];
2639
2639
  for (var m = 0, n = 0; m < sortMembersOrder.length; m++) {
2640
2640
  var member = sortMembersOrder[m];
@@ -2770,7 +2770,7 @@ var PivotEngine = /** @class */ (function () {
2770
2770
  row: header,
2771
2771
  column: member,
2772
2772
  value: value,
2773
- cellSets: this.getCellSet(this.rawIndexObject),
2773
+ cellSets: this.getValueCellInfo ? this.getCellSet(this.rawIndexObject) : [],
2774
2774
  rowCellType: (header.hasChild && header.isDrilled ? 'subTotal' : header.type === 'grand sum' ? 'grandTotal' : 'value'),
2775
2775
  columnCellType: (member.hasChild && member.isDrilled ? 'subTotal' : member.type === 'grand sum' ? 'grandTotal' : 'value'),
2776
2776
  aggregateType: mType,
@@ -3999,8 +3999,9 @@ var PivotEngine = /** @class */ (function () {
3999
3999
  for (var _g = 0, indexCollection_2 = indexCollection; _g < indexCollection_2.length; _g++) {
4000
4000
  var index = indexCollection_2[_g];
4001
4001
  var currentSet = data[index[0]][index[1]];
4002
+ var actualValue = isNullOrUndefined(selectedRowValues[index[1]].actualValue) ? 0 : selectedRowValues[index[1]].actualValue;
4002
4003
  // let cVal: number = currentSet.value - (selectedRowValues[index[1]] as IAxisSet).value;
4003
- var cVal = currentSet.actualValue - selectedRowValues[index[1]].actualValue;
4004
+ var cVal = (isNullOrUndefined(currentSet.actualValue) ? 0 : currentSet.actualValue) - actualValue;
4004
4005
  cVal = isNaN(cVal) ? 0 : (currentSet.value === 0 && selectedRowValues[index[1]].value === 0) ? 0 : cVal;
4005
4006
  if (!this.aggregatedValueMatrix[index[0]]) {
4006
4007
  this.aggregatedValueMatrix[index[0]] = [];
@@ -4012,8 +4013,7 @@ var PivotEngine = /** @class */ (function () {
4012
4013
  else {
4013
4014
  // cVal = ((selectedRowValues[index[1]] as IAxisSet).value === 0 ?
4014
4015
  // 0 : (cVal / (selectedRowValues[index[1]] as IAxisSet).value));
4015
- cVal = (selectedRowValues[index[1]].actualValue === 0 ?
4016
- 0 : (cVal / selectedRowValues[index[1]].actualValue));
4016
+ cVal = (actualValue === 0 ? 0 : (cVal / actualValue));
4017
4017
  this.aggregatedValueMatrix[index[0]][index[1]] = cVal;
4018
4018
  currentSet.formattedText = currentSet.showSubTotals ? (cVal !== 0 ? this.globalize.formatNumber(cVal, { format: 'P', maximumFractionDigits: this.getPercentFormat(this.formatFields, currentSet.actualText) }) : this.emptyCellTextContent) : currentSet.formattedText;
4019
4019
  }
@@ -4252,7 +4252,9 @@ var PivotEngine = /** @class */ (function () {
4252
4252
  activeColumn[cln].valueSort[item.valueSort.levelName] &&
4253
4253
  currentSet.axis === 'value' && currentSet.actualText === name_3) {
4254
4254
  if (activeColumn[cln].type !== 'grand sum') {
4255
- cVal += currentSet.value;
4255
+ if (!isNullOrUndefined(currentSet.value)) {
4256
+ cVal += currentSet.value;
4257
+ }
4256
4258
  currentSet.formattedText = subTotal ? '' : this.getFormattedValue(cVal, name_3).formattedText;
4257
4259
  if (!this.aggregatedValueMatrix[rln]) {
4258
4260
  this.aggregatedValueMatrix[rln] = [];
@@ -4368,7 +4370,7 @@ var PivotEngine = /** @class */ (function () {
4368
4370
  row: rows[rln],
4369
4371
  column: columns[cln],
4370
4372
  value: value,
4371
- cellSets: this.getCellSet(this.rawIndexObject),
4373
+ cellSets: this.getValueCellInfo ? this.getCellSet(this.rawIndexObject) : [],
4372
4374
  rowCellType: (rows[rln].hasChild && rows[rln].isDrilled ? 'subTotal' : rows[rln].type === 'grand sum' ? 'grandTotal' : 'value'),
4373
4375
  columnCellType: (columns[cln].hasChild && columns[cln].isDrilled ? 'subTotal' : columns[cln].type === 'grand sum' ? 'grandTotal' : 'value'),
4374
4376
  aggregateType: aggregate,
@@ -1732,7 +1732,7 @@ var OlapEngine = /** @class */ (function () {
1732
1732
  }
1733
1733
  isHeaderSortByDefault = true;
1734
1734
  }
1735
- if (isHeaderSortByDefault) {
1735
+ if (isHeaderSortByDefault && this.getHeaderSortInfo) {
1736
1736
  var copyOrder = [];
1737
1737
  for (var m = 0, n = 0; m < headers.length; m++) {
1738
1738
  if (headers[m].actualText !== 'Grand Total') {
@@ -1773,7 +1773,7 @@ var OlapEngine = /** @class */ (function () {
1773
1773
  }
1774
1774
  isHeaderSortByDefault = true;
1775
1775
  }
1776
- if (isHeaderSortByDefault) {
1776
+ if (isHeaderSortByDefault && this.getHeaderSortInfo) {
1777
1777
  var copyOrder = [];
1778
1778
  for (var m = 0, n = 0; m < keys.length; m++) {
1779
1779
  if (keys[m] !== 'Grand Total') {
@@ -19,6 +19,8 @@ export declare const afterPivotTableRender: string;
19
19
  /** @hidden */
20
20
  export declare const beforeExport: string;
21
21
  /** @hidden */
22
+ export declare const exportComplete: string;
23
+ /** @hidden */
22
24
  export declare const excelHeaderQueryCellInfo: string;
23
25
  /** @hidden */
24
26
  export declare const pdfHeaderQueryCellInfo: string;
@@ -144,6 +146,10 @@ export declare const uiUpdate: string;
144
146
  /** @hidden */
145
147
  export declare const scroll: string;
146
148
  /** @hidden */
149
+ export declare const verticalScroll: string;
150
+ /** @hidden */
151
+ export declare const horizontalScroll: string;
152
+ /** @hidden */
147
153
  export declare const contentReady: string;
148
154
  /** @hidden */
149
155
  export declare const dataReady: string;
@@ -343,3 +349,7 @@ export declare const windowResized: string;
343
349
  export declare const recordUpdated: string;
344
350
  /** @hidden */
345
351
  export declare const drillThroughClosed: string;
352
+ /** @hidden */
353
+ export declare const verticalScrolled: string;
354
+ /** @hidden */
355
+ export declare const horizontalScrolled: string;
@@ -19,6 +19,8 @@ export var afterPivotTableRender = 'afterPivotTableRender';
19
19
  /** @hidden */
20
20
  export var beforeExport = 'beforeExport';
21
21
  /** @hidden */
22
+ export var exportComplete = 'exportComplete';
23
+ /** @hidden */
22
24
  export var excelHeaderQueryCellInfo = 'excelHeaderQueryCellInfo';
23
25
  /** @hidden */
24
26
  export var pdfHeaderQueryCellInfo = 'pdfHeaderQueryCellInfo';
@@ -144,6 +146,10 @@ export var uiUpdate = 'ui-update';
144
146
  /** @hidden */
145
147
  export var scroll = 'scroll';
146
148
  /** @hidden */
149
+ export var verticalScroll = 'vertical-scroll';
150
+ /** @hidden */
151
+ export var horizontalScroll = 'horizontal-scroll';
152
+ /** @hidden */
147
153
  export var contentReady = 'content-ready';
148
154
  /** @hidden */
149
155
  export var dataReady = 'data-ready';
@@ -343,3 +349,7 @@ export var windowResized = 'Window resized';
343
349
  export var recordUpdated = 'Records updated';
344
350
  /** @hidden */
345
351
  export var drillThroughClosed = 'Drill-through closed';
352
+ /** @hidden */
353
+ export var verticalScrolled = 'Vertically scrolled';
354
+ /** @hidden */
355
+ export var horizontalScrolled = 'Horizontally scrolled';
@@ -339,9 +339,7 @@ export declare const CALC_FORMAT_INPUT: string;
339
339
  /** @hidden */
340
340
  export declare const CALCINPUTDIV: string;
341
341
  /** @hidden */
342
- export declare const CALC_CUSTOM_FORMAT_INPUTDIV: string;
343
- /** @hidden */
344
- export declare const OLAP_CALC_CUSTOM_FORMAT_INPUTDIV: string;
342
+ export declare const PIVOT_CALC_CUSTOM_FORMAT_INPUTDIV: string;
345
343
  /** @hidden */
346
344
  export declare const CALC_HIERARCHY_LIST_DIV: string;
347
345
  /** @hidden */
@@ -415,7 +413,7 @@ export declare const PIVOT_FORMULA_TITLE_CLASS: string;
415
413
  /** @hidden */
416
414
  export declare const OLAP_HIERARCHY_TITLE_CLASS: string;
417
415
  /** @hidden */
418
- export declare const OLAP_FORMAT_TITLE_CLASS: string;
416
+ export declare const PIVOT_FORMAT_TITLE_CLASS: string;
419
417
  /** @hidden */
420
418
  export declare const OLAP_MEMBER_TITLE_CLASS: string;
421
419
  /** @hidden */
@@ -341,13 +341,11 @@ export var CALC_FORMAT_INPUT = 'e-custom-format-input';
341
341
  /** @hidden */
342
342
  export var CALCINPUTDIV = 'e-pivot-calc-input-div';
343
343
  /** @hidden */
344
- export var CALC_CUSTOM_FORMAT_INPUTDIV = 'e-pivot-calc-custom-format-div';
345
- /** @hidden */
346
- export var OLAP_CALC_CUSTOM_FORMAT_INPUTDIV = 'e-olap-calc-custom-format-div';
344
+ export var PIVOT_CALC_CUSTOM_FORMAT_INPUTDIV = 'e-pivot-calc-custom-format-div';
347
345
  /** @hidden */
348
346
  export var CALC_HIERARCHY_LIST_DIV = 'e-olap-calc-hierarchy-list-div';
349
347
  /** @hidden */
350
- export var CALC_FORMAT_TYPE_DIV = 'e-olap-calc-format-type-div';
348
+ export var CALC_FORMAT_TYPE_DIV = 'e-pivot-calc-format-type-div';
351
349
  /** @hidden */
352
350
  export var CALC_MEMBER_TYPE_DIV = 'e-olap-calc-member-type-div';
353
351
  /** @hidden */
@@ -417,7 +415,7 @@ export var PIVOT_FORMULA_TITLE_CLASS = 'e-pivot-formula-title';
417
415
  /** @hidden */
418
416
  export var OLAP_HIERARCHY_TITLE_CLASS = 'e-olap-hierarchy-title';
419
417
  /** @hidden */
420
- export var OLAP_FORMAT_TITLE_CLASS = 'e-olap-format-title';
418
+ export var PIVOT_FORMAT_TITLE_CLASS = 'e-pivot-format-title';
421
419
  /** @hidden */
422
420
  export var OLAP_MEMBER_TITLE_CLASS = 'e-olap-member-title';
423
421
  /** @hidden */
@@ -1234,3 +1234,14 @@ export interface HeadersSortEventArgs {
1234
1234
  /** Defines an option to restrict the unwanted custom sorting operation. By default, the value is in 'false' state. */
1235
1235
  IsOrderChanged?: boolean;
1236
1236
  }
1237
+ /**
1238
+ * The export complete event arguments provide the necessary information about the exported data after completing the file export.
1239
+ */
1240
+ export interface ExportCompleteEventArgs {
1241
+ /** Defines the current export type such as PDF, Excel, and CSV. */
1242
+ type?: string;
1243
+ /** Defines the promise object for blob data. */
1244
+ promise?: Promise<{
1245
+ blobData: Blob;
1246
+ }>;
1247
+ }
@@ -36,6 +36,7 @@ export declare class CalculatedField implements IAction {
36
36
  private confirmPopUp;
37
37
  private field;
38
38
  private accordion;
39
+ private formatTypes;
39
40
  /**
40
41
  * Constructor for calculatedfield module.
41
42
  * @param {PivotView | PivotFieldList} parent - Component instance.
@@ -141,7 +142,8 @@ export declare class CalculatedField implements IAction {
141
142
  * To create treeview.
142
143
  * @returns {void}
143
144
  */
144
- private createOlapDropElements;
145
+ private createDropElements;
146
+ private getFormat;
145
147
  /**
146
148
  * To create treeview.
147
149
  * @returns {void}