@syncfusion/ej2-vue-treegrid 20.3.61 → 20.4.40
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 +12 -57
- package/README.md +161 -46
- package/dist/ej2-vue-treegrid.umd.min.js +2 -2
- package/dist/ej2-vue-treegrid.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-treegrid.es2015.js +1 -1
- package/dist/es6/ej2-vue-treegrid.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-treegrid.es5.js +1 -1
- package/dist/es6/ej2-vue-treegrid.es5.js.map +1 -1
- package/dist/global/ej2-vue-treegrid.min.js +2 -2
- package/package.json +10 -18
- package/src/treegrid/treegrid.component.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,74 +2,29 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
#### Bug Fixes
|
|
8
|
-
|
|
9
|
-
- `#I419247` - `expandRow` and `collapseRow` methods are working properly while expanding or collapsing a row respectively when `frozenRows` property enabled
|
|
10
|
-
|
|
11
|
-
## 20.3.60 (2022-12-06)
|
|
5
|
+
## 20.4.38 (2022-12-21)
|
|
12
6
|
|
|
13
7
|
### Tree Grid
|
|
14
8
|
|
|
15
|
-
####
|
|
16
|
-
|
|
17
|
-
- `#I419658` - Resolved template column not rendered properly when stacked header enabled.
|
|
18
|
-
|
|
19
|
-
## 20.3.58 (2022-11-22)
|
|
20
|
-
|
|
21
|
-
### Tree Grid
|
|
22
|
-
|
|
23
|
-
#### Bug Fixes
|
|
24
|
-
|
|
25
|
-
- `#I417095` - NVDA screen reader problem for expand/collapse action has been resolved.
|
|
26
|
-
- `#I418121` - Resolved row selected issue while performing expand/collapse operation.
|
|
27
|
-
|
|
28
|
-
## 20.3.57 (2022-11-15)
|
|
29
|
-
|
|
30
|
-
### Tree Grid
|
|
31
|
-
|
|
32
|
-
#### Bug Fixes
|
|
33
|
-
|
|
34
|
-
- `#I410505` - Resolved the tree column cell was selected while performing the expand or collapse operation.
|
|
35
|
-
- `#I414378` - Resolved `selectedItems` not getting properly after performing the filter action with checkbox enabled.
|
|
36
|
-
|
|
37
|
-
## 20.3.52 (2022-10-26)
|
|
38
|
-
|
|
39
|
-
### Tree Grid
|
|
40
|
-
|
|
41
|
-
#### Bug Fixes
|
|
42
|
-
|
|
43
|
-
- `#I411501` - Checkbox-column selectAll behaviour works properly while clear searching.
|
|
44
|
-
- `#I411372` - Confirmation dialog shows properly while expanding/collapsing actions on batch edit mode.
|
|
45
|
-
|
|
46
|
-
## 20.3.50 (2022-10-18)
|
|
47
|
-
|
|
48
|
-
### Tree Grid
|
|
9
|
+
#### Features
|
|
49
10
|
|
|
50
|
-
|
|
11
|
+
- Provided the shimmer effect for tree grid while loading, refreshing and data processing. Please find the demo [here](https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/loading-animation.html).
|
|
12
|
+
- `#I307202`, `#FB20655` - Provided support to load child records on demand while virtual scrolling in remote data binding. Find more details in the documentation [here](https://ej2.syncfusion.com/documentation/treegrid/data-binding/remote-data/#loadchildondemand-with-virtualization).
|
|
51
13
|
|
|
52
|
-
-
|
|
53
|
-
- `#
|
|
54
|
-
- `#I411504`, `#I404107`, `#I402745`, `#I403053` - Expand icon is showing properly while using the custom binding.
|
|
14
|
+
- Provided the shimmer effect for tree grid while loading, refreshing and data processing. Please find the demo [here](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/tree-grid/loading-animation.html).
|
|
15
|
+
- `#I307202`, `#FB20655` - Provided support to load child records on demand while virtual scrolling in remote data binding. Find more details in the documentation [here](https://ej2.syncfusion.com/vue/documentation/treegrid/data-binding/remote-data/#load-parent-rows-in-expanded-state-with-virtualization).
|
|
55
16
|
|
|
56
|
-
## 20.3.
|
|
17
|
+
## 20.3.47 (2022-09-29)
|
|
57
18
|
|
|
58
19
|
### Tree Grid
|
|
59
20
|
|
|
60
|
-
####
|
|
61
|
-
|
|
62
|
-
- `#FB33879`, `#FB33758` - Virtualization works properly with remote data binding
|
|
63
|
-
- `#I385208` - Row Drag and Drop works properly between the tree grids when items are collapsed.
|
|
64
|
-
|
|
65
|
-
## 20.3.48 (2022-10-05)
|
|
66
|
-
|
|
67
|
-
### Tree Grid
|
|
21
|
+
#### Features
|
|
68
22
|
|
|
69
|
-
|
|
23
|
+
- Provided support for inline editing with virtualization enabled. Please find the demo [here](https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/virtual-scrolling.html).
|
|
24
|
+
- `#I323425`, `#I332700`, `#I344742`, `#I375307` - Provided support for frozen column with virtualization enabled.
|
|
70
25
|
|
|
71
|
-
-
|
|
72
|
-
- `#
|
|
26
|
+
- Provided support for inline editing with virtualization enabled. Please find the demo [here](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/tree-grid/virtual-scrolling.html).
|
|
27
|
+
- `#I323425`, `#I332700`, `#I344742`, `#I375307` - Provided support for frozen column with virtualization enabled.
|
|
73
28
|
|
|
74
29
|
## 20.2.36 (2022-06-30)
|
|
75
30
|
|
package/README.md
CHANGED
|
@@ -1,69 +1,184 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Vue TreeGrid Component
|
|
2
2
|
|
|
3
|
-
The TreeGrid component is a feature-rich
|
|
3
|
+
The [Vue TreeGrid](https://www.syncfusion.com/vue-components/vue-tree-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm) component is a feature-rich component used to visualize self-referential and hierarchical data effectively in a tabular format. It pulls data from a data source, such as array of JSON objects, `OData web services`, or [`DataManager`](http://ej2.syncfusion.com/documentation/data). It also includes interactions like expanding and collapsing the parent records.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<p align="center">
|
|
6
|
+
<a href="https://ej2.syncfusion.com/vue/documentation/treegrid/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm">Getting Started</a> .
|
|
7
|
+
<a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/overview.html">Online demos</a> .
|
|
8
|
+
<a href="https://www.syncfusion.com/vue-components/vue-tree-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm">Learn more</a>
|
|
9
|
+
</p>
|
|
6
10
|
|
|
7
|
-
>
|
|
8
|
-
|
|
11
|
+
<p align="center">
|
|
12
|
+
<img alt="Vue TreeGrid Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-treegrid.png"> </p>
|
|
13
|
+
|
|
14
|
+
<p align="center">
|
|
15
|
+
Trusted by the world's leading companies
|
|
16
|
+
<a href="https://www.syncfusion.com">
|
|
17
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
|
|
18
|
+
</a>
|
|
19
|
+
</p>
|
|
9
20
|
|
|
10
21
|
## Setup
|
|
11
22
|
|
|
12
|
-
|
|
23
|
+
### Create an Vue Application
|
|
24
|
+
|
|
25
|
+
You can use [`Vue CLI`](https://github.com/vuejs/vue-cli) to setup your Vue 2 applications.To install Vue CLI use the following commands.
|
|
13
26
|
|
|
14
|
-
```
|
|
15
|
-
npm install @
|
|
27
|
+
```bash
|
|
28
|
+
npm install -g @vue/cli
|
|
29
|
+
vue create quickstart
|
|
30
|
+
cd quickstart
|
|
31
|
+
npm run serve
|
|
16
32
|
```
|
|
33
|
+
Initiating a new project prompts us to choose the type of project to be used for the current application. Select the option `Default ([Vue 2] babel, eslint)` from the menu.
|
|
34
|
+
|
|
35
|
+
### Adding Syncfusion Tree Grid package
|
|
17
36
|
|
|
18
|
-
|
|
37
|
+
All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue tree grid package, use the following command.
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
npm install @syncfusion/ej2-vue-treegrid --save
|
|
41
|
+
```
|
|
19
42
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
43
|
+
### Registering Tree Grid Component
|
|
44
|
+
|
|
45
|
+
You can register the Tree Grid component in your application by using the **Vue.use()**. Refer to the code example given below.
|
|
46
|
+
|
|
47
|
+
```typescript
|
|
48
|
+
import { TreeGridPlugin } from '@syncfusion/ej2-vue-treegrid';
|
|
49
|
+
|
|
50
|
+
Vue.use(TreeGridPlugin);
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
> Registering **TreeGridPlugin** in vue, will register the tree grid component along with its required child directives globally.
|
|
54
|
+
|
|
55
|
+
### Adding CSS references for Tree Grid
|
|
56
|
+
|
|
57
|
+
Add CSS references needed for Tree Grid in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
|
|
58
|
+
|
|
59
|
+
```html
|
|
60
|
+
<style>
|
|
61
|
+
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
|
|
62
|
+
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
63
|
+
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
|
|
64
|
+
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
65
|
+
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
66
|
+
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
67
|
+
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
68
|
+
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
69
|
+
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
|
|
70
|
+
@import "../node_modules/@syncfusion/ej2-grids/styles/material.css";
|
|
71
|
+
@import "../node_modules/@syncfusion/ej2-vue-treegrid/styles/material.css";
|
|
72
|
+
</style>
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
## Add Tree Grid Component
|
|
76
|
+
|
|
77
|
+
Add the Vue Tree Grid by using **ejs-treegrid** selector in **template** section of the **App.vue** file.
|
|
78
|
+
|
|
79
|
+
```html
|
|
80
|
+
<template>
|
|
81
|
+
<div id="app">
|
|
82
|
+
<ejs-treegrid :dataSource='data' :treeColumnIndex='1' childMapping='subtasks'>
|
|
83
|
+
<e-columns>
|
|
84
|
+
<e-column field='taskID' headerText='Task ID' textAlign='Right' width=70></e-column>
|
|
85
|
+
<e-column field='taskName' headerText='Task Name' width=200></e-column>
|
|
86
|
+
<e-column field='startDate' headerText='Start Date' textAlign='Right' format='yMd' width=90></e-column>
|
|
87
|
+
<e-column field='duration' headerText='Duration' textAlign='Right' width=80></e-column>
|
|
88
|
+
</e-columns>
|
|
89
|
+
</ejs-treegrid>
|
|
90
|
+
</div>
|
|
91
|
+
</template>
|
|
92
|
+
<script>
|
|
93
|
+
import Vue from "vue";
|
|
94
|
+
import { TreeGridPlugin } from "@syncfusion/ej2-vue-treegrid";
|
|
95
|
+
|
|
96
|
+
Vue.use(TreeGridPlugin);
|
|
97
|
+
|
|
98
|
+
export default {
|
|
99
|
+
data() {
|
|
100
|
+
return {
|
|
101
|
+
data: [
|
|
102
|
+
{
|
|
103
|
+
taskID: 1,
|
|
104
|
+
taskName: 'Planning',
|
|
105
|
+
startDate: new Date('02/03/2017'),
|
|
106
|
+
duration: 5,
|
|
107
|
+
subtasks: [
|
|
108
|
+
{ taskID: 2, taskName: 'Plan timeline', startDate: new Date('02/03/2017'), duration: 5 },
|
|
109
|
+
{ taskID: 3, taskName: 'Plan budget', startDate: new Date('02/03/2017'), duration: 5 },
|
|
110
|
+
{ taskID: 4, taskName: 'Allocate resources', startDate: new Date('02/03/2017'), duration: 5 },
|
|
111
|
+
{ taskID: 5, taskName: 'Planning complete', startDate: new Date('02/07/2017'), duration: 0 }
|
|
112
|
+
]
|
|
113
|
+
}]
|
|
114
|
+
};
|
|
115
|
+
},
|
|
116
|
+
}
|
|
117
|
+
</script>
|
|
118
|
+
<style>
|
|
119
|
+
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
|
|
120
|
+
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
121
|
+
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
|
|
122
|
+
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
123
|
+
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
124
|
+
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
125
|
+
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
126
|
+
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
127
|
+
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
|
|
128
|
+
@import "../node_modules/@syncfusion/ej2-grids/styles/material.css";
|
|
129
|
+
@import "../node_modules/@syncfusion/ej2-vue-treegrid/styles/material.css";
|
|
130
|
+
</style>
|
|
131
|
+
```
|
|
132
|
+
> Refer the [Getting Started with Vue3](https://ej2.syncfusion.com/vue/documentation/treegrid/getting-started-vue-3/) for using Syncfusion Vue components in Vue 3 applications.
|
|
23
133
|
|
|
24
134
|
## Supported Frameworks
|
|
25
135
|
|
|
26
|
-
TreeGrid component is also offered in following list of frameworks.
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
* [
|
|
37
|
-
* [
|
|
38
|
-
* [
|
|
39
|
-
* [
|
|
40
|
-
* [
|
|
41
|
-
*
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
* [
|
|
48
|
-
* [
|
|
49
|
-
* [
|
|
50
|
-
*
|
|
51
|
-
* **Localization** - Provides inherent support to localize the UI.
|
|
136
|
+
TreeGrid component is also offered in the following list of frameworks.
|
|
137
|
+
|
|
138
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/> [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
139
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
140
|
+
|
|
141
|
+
## Key features
|
|
142
|
+
|
|
143
|
+
* [Data sources](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/localdata.html): Bind the TreeGrid control with an array of JSON objects or DataManager. Large data can be bound to tree grid wth high performance using load-on-demand concept.
|
|
144
|
+
* [Sorting](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/sorting-api.html): Supports n levels of sorting and allows the use of a comparer function for customized sorting.
|
|
145
|
+
* [Filtering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/filtermenu.html): Offers filter UIs such as filter bar and menu at each column to filter data. Also allows for filtering based on related parent or child records.
|
|
146
|
+
* [Paging](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/paging-api.html): Provides the option to easily switch between pages using the pager bar. The number of rows in a page can also be customized. The pager also helps provide support for load-on-demand data binding.
|
|
147
|
+
* [Editing](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/inline-editing.html): Provides the options for create, read, update, and delete operations. In addition to built-in editor controls to edit a particular column value, using template support users can use custom editor components that suit their application needs.
|
|
148
|
+
* [Virtual scrolling](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/virtual-scrolling.html): This feature improves the performance of the tree grid control when binding large amounts of data by only rendering the currently visible parts of the user interface and rendering other elements as needed while scrolling. Both column and row virtualization are supported.
|
|
149
|
+
* [Columns](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/columnformatting.html): Column definitions are used as the dataSource schema in the TreeGrid. This plays a vital role in rendering column values in the required format. Column functionalities such as resizing, reordering, column template, show or hide columns, stacked header, etc., are supported.
|
|
150
|
+
* [Column re-ordering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/reorder.html): Drag any column and drop it at any position in the TreeGrid’s column header row, to reposition the column.
|
|
151
|
+
* [Column resizing](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/resizing.html): Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
|
|
152
|
+
* [Row re-ordering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/drag-drop.html): Allows rows to be rearranged through drag and drop actions, changing their position and hierarchy level. A child row can be moved as a sibling within the same parent row or as a child to a different parent row.
|
|
153
|
+
* [Cell styling](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/conditionalformatting.html): Customize treegrid cells by using CSS or programmatically.
|
|
154
|
+
* [Selection](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/selection-api.html): Rows or cells can be selected in the TreeGrid. One or more rows or cells can also be selected by holding Shift, Ctrl or Command, or programmatically.
|
|
155
|
+
* [Templates](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/columntemplate.html): Templates can be used to create custom user experiences in the TreeGrid.
|
|
156
|
+
* [Aggregation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/aggregate.html): Provides the option to easily visualize aggregates for column values. Also allows for the display of aggregates for each group of child rows within different parent rows.
|
|
157
|
+
* [Context menu](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/contextmenu.html): The context menu provides a list of actions to be performed in the TreeGrid. It appears when a cell, header, or the pager is right-clicked. Also allows for the addition of custom items with unique functionality to the context menu.
|
|
158
|
+
* [Export](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=vue-treegrid-npm#/bootstrap5/tree-grid/export.html): Provides the option to export the tree grid data to Excel, PDF, and CSV formats.
|
|
159
|
+
* [RTL support](https://ej2.syncfusion.com/vue/documentation/treegrid/global-local/#right-to-left-rtl): Provides the right-to-left mode which aligns content in the TreeGrid component from right to left. This improves user experience and accessibility for those who work with RTL languages like Hebrew and Arabic.
|
|
160
|
+
* [Localization](https://ej2.syncfusion.com/vue/documentation/treegrid/global-local/#localization): Provides inherent support to localize the UI.
|
|
52
161
|
|
|
53
162
|
## Support
|
|
54
163
|
|
|
55
|
-
Product support is available through following mediums.
|
|
164
|
+
Product support is available through the following mediums.
|
|
56
165
|
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
*
|
|
166
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
167
|
+
* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm)
|
|
168
|
+
* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
|
|
169
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm)
|
|
170
|
+
* Live chat
|
|
60
171
|
|
|
61
|
-
##
|
|
172
|
+
## Changelog
|
|
62
173
|
|
|
63
|
-
Check the
|
|
174
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/treegrid/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=vue-treegrid-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
|
64
175
|
|
|
65
|
-
##
|
|
176
|
+
## License and copyright
|
|
177
|
+
|
|
178
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Vue UI components](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
179
|
+
|
|
180
|
+
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
66
181
|
|
|
67
|
-
|
|
182
|
+
See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) for more info.
|
|
68
183
|
|
|
69
184
|
© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-vue-treegrid.umd.min.js
|
|
3
|
-
* version : 20.
|
|
3
|
+
* version : 20.4.40
|
|
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
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-treegrid"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-treegrid","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Treegrid,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,o,r){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),a={name:"e-columns",install:function(e){e.component(a.name,c)}},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),l={name:"e-column",install:function(e){e.component(l.name,u)}},p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),d=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){},t=d([o.EJComponentDecorator({})],t)}(n),g={name:"e-columns",install:function(e){e.component(g.name,f)}},h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){},t=d([o.EJComponentDecorator({})],t)}(n),y={name:"e-column",install:function(e){e.component(y.name,h)}},m=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),I=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},j=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),C={name:"e-aggregates",install:function(e){e.component(C.name,j)}},w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),R={name:"e-aggregate",install:function(e){e.component(R.name,w)}},b=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),x=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},v=["isLazyUpdate","plugins","aggregates","allowExcelExport","allowFiltering","allowMultiSorting","allowPaging","allowPdfExport","allowReordering","allowResizing","allowRowDragAndDrop","allowSelection","allowSorting","allowTextWrap","autoCheckHierarchy","childMapping","clipMode","columnMenuItems","columnQueryMode","columns","contextMenuItems","copyHierarchyMode","dataSource","detailTemplate","editSettings","enableAdaptiveUI","enableAltRow","enableAutoFill","enableCollapseAll","enableColumnVirtualization","enableHover","enableImmutableMode","enableInfiniteScrolling","enablePersistence","enableRtl","enableVirtualization","expandStateMapping","filterSettings","frozenColumns","frozenRows","gridLines","hasChildMapping","height","idMapping","infiniteScrollSettings","loadChildOnDemand","locale","pageSettings","parentIdMapping","printMode","query","rowDropSettings","rowHeight","rowTemplate","searchSettings","selectedRowIndex","selectionSettings","showColumnChooser","showColumnMenu","sortSettings","textWrapSettings","toolbar","treeColumnIndex","width","actionBegin","actionComplete","actionFailure","batchAdd","batchCancel","batchDelete","beforeBatchAdd","beforeBatchDelete","beforeBatchSave","beforeCopy","beforeDataBound","beforeExcelExport","beforePaste","beforePdfExport","beforePrint","beginEdit","cellDeselected","cellDeselecting","cellEdit","cellSave","cellSaved","cellSelected","cellSelecting","checkboxChange","collapsed","collapsing","columnDrag","columnDragStart","columnDrop","columnMenuClick","columnMenuOpen","contextMenuClick","contextMenuOpen","created","dataBound","dataSourceChanged","dataStateChange","detailDataBound","excelExportComplete","excelHeaderQueryCellInfo","excelQueryCellInfo","expanded","expanding","headerCellInfo","load","pdfExportComplete","pdfHeaderQueryCellInfo","pdfQueryCellInfo","printComplete","queryCellInfo","recordDoubleClick","resizeStart","resizeStop","resizing","rowDataBound","rowDeselected","rowDeselecting","rowDrag","rowDragStart","rowDragStartHelper","rowDrop","rowSelected","rowSelecting","toolbarClick"],B=["dataSource"],D=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=v,n.models=B,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={"e-columns":"e-column","e-aggregates":{"e-aggregate":{"e-columns":"e-column"}}},n.tagNameMapper={},n.ej2Instances=new t.TreeGrid({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return b(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var o=n[t],s=this.templateCollection[o];if(s&&s.length){for(var i=0,c=s;i<c.length;i++){var a=c[i];r.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[o]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.trigger=function(e,t,n){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(o=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&o&&!r.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var o,s=(o=this.models.toString().match(/checked|value/)||[])[0];t&&o&&!r.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,n)},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.addRecord=function(e,t,n){return this.ej2Instances.addRecord(e,t,n)},n.prototype.autoFitColumns=function(e){return this.ej2Instances.autoFitColumns(e)},n.prototype.clearFiltering=function(){return this.ej2Instances.clearFiltering()},n.prototype.clearSelection=function(){return this.ej2Instances.clearSelection()},n.prototype.clearSorting=function(){return this.ej2Instances.clearSorting()},n.prototype.closeEdit=function(){return this.ej2Instances.closeEdit()},n.prototype.collapseAll=function(){return this.ej2Instances.collapseAll()},n.prototype.collapseAtLevel=function(e){return this.ej2Instances.collapseAtLevel(e)},n.prototype.collapseByKey=function(e){return this.ej2Instances.collapseByKey(e)},n.prototype.collapseRow=function(e,t,n){return this.ej2Instances.collapseRow(e,t,n)},n.prototype.copy=function(e){return this.ej2Instances.copy(e)},n.prototype.csvExport=function(e,t,n,o){return this.ej2Instances.csvExport(e,t,n,o)},n.prototype.deleteRecord=function(e,t){return this.ej2Instances.deleteRecord(e,t)},n.prototype.deleteRow=function(e){return this.ej2Instances.deleteRow(e)},n.prototype.editCell=function(e,t){return this.ej2Instances.editCell(e,t)},n.prototype.enableToolbarItems=function(e,t){return this.ej2Instances.enableToolbarItems(e,t)},n.prototype.endEdit=function(){return this.ej2Instances.endEdit()},n.prototype.excelExport=function(e,t,n,o){return this.ej2Instances.excelExport(e,t,n,o)},n.prototype.expandAll=function(){return this.ej2Instances.expandAll()},n.prototype.expandAtLevel=function(e){return this.ej2Instances.expandAtLevel(e)},n.prototype.expandByKey=function(e){return this.ej2Instances.expandByKey(e)},n.prototype.expandRow=function(e,t,n,o){return this.ej2Instances.expandRow(e,t,n,o)},n.prototype.extendRequiredModules=function(e){return this.ej2Instances.extendRequiredModules(e)},n.prototype.filterByColumn=function(e,t,n,o,r,s,i,c){return this.ej2Instances.filterByColumn(e,t,n,o,r,s,i,c)},n.prototype.getBatchChanges=function(){return this.ej2Instances.getBatchChanges()},n.prototype.getCellFromIndex=function(e,t){return this.ej2Instances.getCellFromIndex(e,t)},n.prototype.getCheckedRecords=function(){return this.ej2Instances.getCheckedRecords()},n.prototype.getCheckedRowIndexes=function(){return this.ej2Instances.getCheckedRowIndexes()},n.prototype.getColumnByField=function(e){return this.ej2Instances.getColumnByField(e)},n.prototype.getColumnByUid=function(e){return this.ej2Instances.getColumnByUid(e)},n.prototype.getColumnFieldNames=function(){return this.ej2Instances.getColumnFieldNames()},n.prototype.getColumnHeaderByField=function(e){return this.ej2Instances.getColumnHeaderByField(e)},n.prototype.getColumnHeaderByIndex=function(e){return this.ej2Instances.getColumnHeaderByIndex(e)},n.prototype.getColumnHeaderByUid=function(e){return this.ej2Instances.getColumnHeaderByUid(e)},n.prototype.getColumnIndexByField=function(e){return this.ej2Instances.getColumnIndexByField(e)},n.prototype.getColumnIndexByUid=function(e){return this.ej2Instances.getColumnIndexByUid(e)},n.prototype.getColumns=function(e){return this.ej2Instances.getColumns(e)},n.prototype.getContent=function(){return this.ej2Instances.getContent()},n.prototype.getContentTable=function(){return this.ej2Instances.getContentTable()},n.prototype.getCurrentViewRecords=function(){return this.ej2Instances.getCurrentViewRecords()},n.prototype.getDataModule=function(){return this.ej2Instances.getDataModule()},n.prototype.getDataRows=function(){return this.ej2Instances.getDataRows()},n.prototype.getFooterContent=function(){return this.ej2Instances.getFooterContent()},n.prototype.getFooterContentTable=function(){return this.ej2Instances.getFooterContentTable()},n.prototype.getFrozenLeftColumnHeaderByIndex=function(e){return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(e)},n.prototype.getFrozenRightCellFromIndex=function(e,t){return this.ej2Instances.getFrozenRightCellFromIndex(e,t)},n.prototype.getFrozenRightColumnHeaderByIndex=function(e){return this.ej2Instances.getFrozenRightColumnHeaderByIndex(e)},n.prototype.getFrozenRightDataRows=function(){return this.ej2Instances.getFrozenRightDataRows()},n.prototype.getFrozenRightRowByIndex=function(e){return this.ej2Instances.getFrozenRightRowByIndex(e)},n.prototype.getFrozenRightRows=function(){return this.ej2Instances.getFrozenRightRows()},n.prototype.getHeaderContent=function(){return this.ej2Instances.getHeaderContent()},n.prototype.getHeaderTable=function(){return this.ej2Instances.getHeaderTable()},n.prototype.getMovableCellFromIndex=function(e,t){return this.ej2Instances.getMovableCellFromIndex(e,t)},n.prototype.getMovableColumnHeaderByIndex=function(e){return this.ej2Instances.getMovableColumnHeaderByIndex(e)},n.prototype.getMovableDataRows=function(){return this.ej2Instances.getMovableDataRows()},n.prototype.getMovableRowByIndex=function(e){return this.ej2Instances.getMovableRowByIndex(e)},n.prototype.getMovableRows=function(){return this.ej2Instances.getMovableRows()},n.prototype.getPager=function(){return this.ej2Instances.getPager()},n.prototype.getPrimaryKeyFieldNames=function(){return this.ej2Instances.getPrimaryKeyFieldNames()},n.prototype.getRowByIndex=function(e){return this.ej2Instances.getRowByIndex(e)},n.prototype.getRowInfo=function(e){return this.ej2Instances.getRowInfo(e)},n.prototype.getRows=function(){return this.ej2Instances.getRows()},n.prototype.getSelectedRecords=function(){return this.ej2Instances.getSelectedRecords()},n.prototype.getSelectedRowCellIndexes=function(){return this.ej2Instances.getSelectedRowCellIndexes()},n.prototype.getSelectedRowIndexes=function(){return this.ej2Instances.getSelectedRowIndexes()},n.prototype.getSelectedRows=function(){return this.ej2Instances.getSelectedRows()},n.prototype.getUidByColumnField=function(e){return this.ej2Instances.getUidByColumnField(e)},n.prototype.getVisibleColumns=function(){return this.ej2Instances.getVisibleColumns()},n.prototype.getVisibleRecords=function(){return this.ej2Instances.getVisibleRecords()},n.prototype.goToPage=function(e){return this.ej2Instances.goToPage(e)},n.prototype.hideColumns=function(e,t){return this.ej2Instances.hideColumns(e,t)},n.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},n.prototype.indent=function(e){return this.ej2Instances.indent(e)},n.prototype.openColumnChooser=function(e,t){return this.ej2Instances.openColumnChooser(e,t)},n.prototype.outdent=function(e){return this.ej2Instances.outdent(e)},n.prototype.paste=function(e,t,n){return this.ej2Instances.paste(e,t,n)},n.prototype.pdfExport=function(e,t,n,o){return this.ej2Instances.pdfExport(e,t,n,o)},n.prototype.print=function(){return this.ej2Instances.print()},n.prototype.refresh=function(){return this.ej2Instances.refresh()},n.prototype.refreshColumns=function(e){return this.ej2Instances.refreshColumns(e)},n.prototype.refreshHeader=function(){return this.ej2Instances.refreshHeader()},n.prototype.reorderColumns=function(e,t){return this.ej2Instances.reorderColumns(e,t)},n.prototype.reorderRows=function(e,t,n){return this.ej2Instances.reorderRows(e,t,n)},n.prototype.saveCell=function(){return this.ej2Instances.saveCell()},n.prototype.search=function(e){return this.ej2Instances.search(e)},n.prototype.selectCell=function(e,t){return this.ej2Instances.selectCell(e,t)},n.prototype.selectCheckboxes=function(e){return this.ej2Instances.selectCheckboxes(e)},n.prototype.selectRow=function(e,t){return this.ej2Instances.selectRow(e,t)},n.prototype.selectRows=function(e){return this.ej2Instances.selectRows(e)},n.prototype.setCellValue=function(e,t,n){return this.ej2Instances.setCellValue(e,t,n)},n.prototype.setRowData=function(e,t){return this.ej2Instances.setRowData(e,t)},n.prototype.showColumns=function(e,t){return this.ej2Instances.showColumns(e,t)},n.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},n.prototype.sortByColumn=function(e,t,n){return this.ej2Instances.sortByColumn(e,t,n)},n.prototype.startEdit=function(e){return this.ej2Instances.startEdit(e)},n.prototype.updateCell=function(e,t,n){return this.ej2Instances.updateCell(e,t,n)},n.prototype.updateExternalMessage=function(e){return this.ej2Instances.updateExternalMessage(e)},n.prototype.updateRow=function(e,t){return this.ej2Instances.updateRow(e,t)},n=x([o.EJComponentDecorator({props:v,model:{event:"modelchanged"}})],n)}(o.ComponentBase),S={name:"ejs-treegrid",install:function(e){e.component(S.name,D),e.component(l.name,u),e.component(a.name,c),e.component(R.name,w),e.component(C.name,j),e.component(y.name,h),e.component(g.name,f)}};e.ColumnsDirective=c,e.ColumnDirective=u,e.ColumnsPlugin=a,e.ColumnPlugin=l,e.AggregateColumnsDirective=f,e.AggregateColumnDirective=h,e.AggregateColumnsPlugin=g,e.AggregateColumnPlugin=y,e.AggregatesDirective=j,e.AggregateDirective=w,e.AggregatesPlugin=C,e.AggregatePlugin=R,e.TreeGridComponent=D,e.TreeGridPlugin=S,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
|
|
10
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-treegrid"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-treegrid","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Treegrid,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,o,r){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),a={name:"e-columns",install:function(e){e.component(a.name,c)}},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),l={name:"e-column",install:function(e){e.component(l.name,u)}},p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),d=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){},t=d([o.EJComponentDecorator({})],t)}(n),g={name:"e-columns",install:function(e){e.component(g.name,f)}},h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){},t=d([o.EJComponentDecorator({})],t)}(n),y={name:"e-column",install:function(e){e.component(y.name,h)}},m=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),I=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},j=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),C={name:"e-aggregates",install:function(e){e.component(C.name,j)}},w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),R={name:"e-aggregate",install:function(e){e.component(R.name,w)}},b=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),x=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},v=["isLazyUpdate","plugins","aggregates","allowExcelExport","allowFiltering","allowMultiSorting","allowPaging","allowPdfExport","allowReordering","allowResizing","allowRowDragAndDrop","allowSelection","allowSorting","allowTextWrap","autoCheckHierarchy","childMapping","clipMode","columnMenuItems","columnQueryMode","columns","contextMenuItems","copyHierarchyMode","dataSource","detailTemplate","editSettings","enableAdaptiveUI","enableAltRow","enableAutoFill","enableCollapseAll","enableColumnVirtualization","enableHover","enableImmutableMode","enableInfiniteScrolling","enablePersistence","enableRtl","enableVirtualMaskRow","enableVirtualization","expandStateMapping","filterSettings","frozenColumns","frozenRows","gridLines","hasChildMapping","height","idMapping","infiniteScrollSettings","loadChildOnDemand","loadingIndicator","locale","pageSettings","parentIdMapping","printMode","query","rowDropSettings","rowHeight","rowTemplate","searchSettings","selectedRowIndex","selectionSettings","showColumnChooser","showColumnMenu","sortSettings","textWrapSettings","toolbar","treeColumnIndex","width","actionBegin","actionComplete","actionFailure","batchAdd","batchCancel","batchDelete","beforeBatchAdd","beforeBatchDelete","beforeBatchSave","beforeCopy","beforeDataBound","beforeExcelExport","beforePaste","beforePdfExport","beforePrint","beginEdit","cellDeselected","cellDeselecting","cellEdit","cellSave","cellSaved","cellSelected","cellSelecting","checkboxChange","collapsed","collapsing","columnDrag","columnDragStart","columnDrop","columnMenuClick","columnMenuOpen","contextMenuClick","contextMenuOpen","created","dataBound","dataSourceChanged","dataStateChange","detailDataBound","excelExportComplete","excelHeaderQueryCellInfo","excelQueryCellInfo","expanded","expanding","headerCellInfo","load","pdfExportComplete","pdfHeaderQueryCellInfo","pdfQueryCellInfo","printComplete","queryCellInfo","recordDoubleClick","resizeStart","resizeStop","resizing","rowDataBound","rowDeselected","rowDeselecting","rowDrag","rowDragStart","rowDragStartHelper","rowDrop","rowSelected","rowSelecting","toolbarClick"],B=["dataSource"],D=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=v,n.models=B,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={"e-columns":"e-column","e-aggregates":{"e-aggregate":{"e-columns":"e-column"}}},n.tagNameMapper={},n.ej2Instances=new t.TreeGrid({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return b(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var o=n[t],s=this.templateCollection[o];if(s&&s.length){for(var i=0,c=s;i<c.length;i++){var a=c[i];r.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[o]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.trigger=function(e,t,n){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(o=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&o&&!r.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var o,s=(o=this.models.toString().match(/checked|value/)||[])[0];t&&o&&!r.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,n)},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.addRecord=function(e,t,n){return this.ej2Instances.addRecord(e,t,n)},n.prototype.autoFitColumns=function(e){return this.ej2Instances.autoFitColumns(e)},n.prototype.clearFiltering=function(){return this.ej2Instances.clearFiltering()},n.prototype.clearSelection=function(){return this.ej2Instances.clearSelection()},n.prototype.clearSorting=function(){return this.ej2Instances.clearSorting()},n.prototype.closeEdit=function(){return this.ej2Instances.closeEdit()},n.prototype.collapseAll=function(){return this.ej2Instances.collapseAll()},n.prototype.collapseAtLevel=function(e){return this.ej2Instances.collapseAtLevel(e)},n.prototype.collapseByKey=function(e){return this.ej2Instances.collapseByKey(e)},n.prototype.collapseRow=function(e,t,n){return this.ej2Instances.collapseRow(e,t,n)},n.prototype.copy=function(e){return this.ej2Instances.copy(e)},n.prototype.csvExport=function(e,t,n,o){return this.ej2Instances.csvExport(e,t,n,o)},n.prototype.deleteRecord=function(e,t){return this.ej2Instances.deleteRecord(e,t)},n.prototype.deleteRow=function(e){return this.ej2Instances.deleteRow(e)},n.prototype.editCell=function(e,t){return this.ej2Instances.editCell(e,t)},n.prototype.enableToolbarItems=function(e,t){return this.ej2Instances.enableToolbarItems(e,t)},n.prototype.endEdit=function(){return this.ej2Instances.endEdit()},n.prototype.excelExport=function(e,t,n,o){return this.ej2Instances.excelExport(e,t,n,o)},n.prototype.expandAll=function(){return this.ej2Instances.expandAll()},n.prototype.expandAtLevel=function(e){return this.ej2Instances.expandAtLevel(e)},n.prototype.expandByKey=function(e){return this.ej2Instances.expandByKey(e)},n.prototype.expandRow=function(e,t,n,o){return this.ej2Instances.expandRow(e,t,n,o)},n.prototype.extendRequiredModules=function(e){return this.ej2Instances.extendRequiredModules(e)},n.prototype.filterByColumn=function(e,t,n,o,r,s,i,c){return this.ej2Instances.filterByColumn(e,t,n,o,r,s,i,c)},n.prototype.getBatchChanges=function(){return this.ej2Instances.getBatchChanges()},n.prototype.getCellFromIndex=function(e,t){return this.ej2Instances.getCellFromIndex(e,t)},n.prototype.getCheckedRecords=function(){return this.ej2Instances.getCheckedRecords()},n.prototype.getCheckedRowIndexes=function(){return this.ej2Instances.getCheckedRowIndexes()},n.prototype.getColumnByField=function(e){return this.ej2Instances.getColumnByField(e)},n.prototype.getColumnByUid=function(e){return this.ej2Instances.getColumnByUid(e)},n.prototype.getColumnFieldNames=function(){return this.ej2Instances.getColumnFieldNames()},n.prototype.getColumnHeaderByField=function(e){return this.ej2Instances.getColumnHeaderByField(e)},n.prototype.getColumnHeaderByIndex=function(e){return this.ej2Instances.getColumnHeaderByIndex(e)},n.prototype.getColumnHeaderByUid=function(e){return this.ej2Instances.getColumnHeaderByUid(e)},n.prototype.getColumnIndexByField=function(e){return this.ej2Instances.getColumnIndexByField(e)},n.prototype.getColumnIndexByUid=function(e){return this.ej2Instances.getColumnIndexByUid(e)},n.prototype.getColumns=function(e){return this.ej2Instances.getColumns(e)},n.prototype.getContent=function(){return this.ej2Instances.getContent()},n.prototype.getContentTable=function(){return this.ej2Instances.getContentTable()},n.prototype.getCurrentViewRecords=function(){return this.ej2Instances.getCurrentViewRecords()},n.prototype.getDataModule=function(){return this.ej2Instances.getDataModule()},n.prototype.getDataRows=function(){return this.ej2Instances.getDataRows()},n.prototype.getFooterContent=function(){return this.ej2Instances.getFooterContent()},n.prototype.getFooterContentTable=function(){return this.ej2Instances.getFooterContentTable()},n.prototype.getFrozenLeftColumnHeaderByIndex=function(e){return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(e)},n.prototype.getFrozenRightCellFromIndex=function(e,t){return this.ej2Instances.getFrozenRightCellFromIndex(e,t)},n.prototype.getFrozenRightColumnHeaderByIndex=function(e){return this.ej2Instances.getFrozenRightColumnHeaderByIndex(e)},n.prototype.getFrozenRightDataRows=function(){return this.ej2Instances.getFrozenRightDataRows()},n.prototype.getFrozenRightRowByIndex=function(e){return this.ej2Instances.getFrozenRightRowByIndex(e)},n.prototype.getFrozenRightRows=function(){return this.ej2Instances.getFrozenRightRows()},n.prototype.getHeaderContent=function(){return this.ej2Instances.getHeaderContent()},n.prototype.getHeaderTable=function(){return this.ej2Instances.getHeaderTable()},n.prototype.getMovableCellFromIndex=function(e,t){return this.ej2Instances.getMovableCellFromIndex(e,t)},n.prototype.getMovableColumnHeaderByIndex=function(e){return this.ej2Instances.getMovableColumnHeaderByIndex(e)},n.prototype.getMovableDataRows=function(){return this.ej2Instances.getMovableDataRows()},n.prototype.getMovableRowByIndex=function(e){return this.ej2Instances.getMovableRowByIndex(e)},n.prototype.getMovableRows=function(){return this.ej2Instances.getMovableRows()},n.prototype.getPager=function(){return this.ej2Instances.getPager()},n.prototype.getPrimaryKeyFieldNames=function(){return this.ej2Instances.getPrimaryKeyFieldNames()},n.prototype.getRowByIndex=function(e){return this.ej2Instances.getRowByIndex(e)},n.prototype.getRowInfo=function(e){return this.ej2Instances.getRowInfo(e)},n.prototype.getRows=function(){return this.ej2Instances.getRows()},n.prototype.getSelectedRecords=function(){return this.ej2Instances.getSelectedRecords()},n.prototype.getSelectedRowCellIndexes=function(){return this.ej2Instances.getSelectedRowCellIndexes()},n.prototype.getSelectedRowIndexes=function(){return this.ej2Instances.getSelectedRowIndexes()},n.prototype.getSelectedRows=function(){return this.ej2Instances.getSelectedRows()},n.prototype.getUidByColumnField=function(e){return this.ej2Instances.getUidByColumnField(e)},n.prototype.getVisibleColumns=function(){return this.ej2Instances.getVisibleColumns()},n.prototype.getVisibleRecords=function(){return this.ej2Instances.getVisibleRecords()},n.prototype.goToPage=function(e){return this.ej2Instances.goToPage(e)},n.prototype.hideColumns=function(e,t){return this.ej2Instances.hideColumns(e,t)},n.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},n.prototype.indent=function(e){return this.ej2Instances.indent(e)},n.prototype.openColumnChooser=function(e,t){return this.ej2Instances.openColumnChooser(e,t)},n.prototype.outdent=function(e){return this.ej2Instances.outdent(e)},n.prototype.paste=function(e,t,n){return this.ej2Instances.paste(e,t,n)},n.prototype.pdfExport=function(e,t,n,o){return this.ej2Instances.pdfExport(e,t,n,o)},n.prototype.print=function(){return this.ej2Instances.print()},n.prototype.refresh=function(){return this.ej2Instances.refresh()},n.prototype.refreshColumns=function(e){return this.ej2Instances.refreshColumns(e)},n.prototype.refreshHeader=function(){return this.ej2Instances.refreshHeader()},n.prototype.reorderColumns=function(e,t){return this.ej2Instances.reorderColumns(e,t)},n.prototype.reorderRows=function(e,t,n){return this.ej2Instances.reorderRows(e,t,n)},n.prototype.saveCell=function(){return this.ej2Instances.saveCell()},n.prototype.search=function(e){return this.ej2Instances.search(e)},n.prototype.selectCell=function(e,t){return this.ej2Instances.selectCell(e,t)},n.prototype.selectCheckboxes=function(e){return this.ej2Instances.selectCheckboxes(e)},n.prototype.selectRow=function(e,t){return this.ej2Instances.selectRow(e,t)},n.prototype.selectRows=function(e){return this.ej2Instances.selectRows(e)},n.prototype.setCellValue=function(e,t,n){return this.ej2Instances.setCellValue(e,t,n)},n.prototype.setRowData=function(e,t){return this.ej2Instances.setRowData(e,t)},n.prototype.showColumns=function(e,t){return this.ej2Instances.showColumns(e,t)},n.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},n.prototype.sortByColumn=function(e,t,n){return this.ej2Instances.sortByColumn(e,t,n)},n.prototype.startEdit=function(e){return this.ej2Instances.startEdit(e)},n.prototype.updateCell=function(e,t,n){return this.ej2Instances.updateCell(e,t,n)},n.prototype.updateExternalMessage=function(e){return this.ej2Instances.updateExternalMessage(e)},n.prototype.updateRow=function(e,t){return this.ej2Instances.updateRow(e,t)},n=x([o.EJComponentDecorator({props:v,model:{event:"modelchanged"}})],n)}(o.ComponentBase),S={name:"ejs-treegrid",install:function(e){e.component(S.name,D),e.component(l.name,u),e.component(a.name,c),e.component(R.name,w),e.component(C.name,j),e.component(y.name,h),e.component(g.name,f)}};e.ColumnsDirective=c,e.ColumnDirective=u,e.ColumnsPlugin=a,e.ColumnPlugin=l,e.AggregateColumnsDirective=f,e.AggregateColumnDirective=h,e.AggregateColumnsPlugin=g,e.AggregateColumnPlugin=y,e.AggregatesDirective=j,e.AggregateDirective=w,e.AggregatesPlugin=C,e.AggregatePlugin=R,e.TreeGridComponent=D,e.TreeGridPlugin=S,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
|
|
11
11
|
//# sourceMappingURL=ej2-vue-treegrid.umd.min.js.map
|