@syncfusion/ej2-navigations 17.3.9-beta → 17.3.14-96615
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/.eslintrc.json +244 -0
- package/CHANGELOG.md +898 -800
- package/README.md +163 -163
- package/dist/ej2-navigations.umd.min.js +1 -10
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +325 -170
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +455 -300
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +1 -10
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/dist/ts/accordion/accordion.ts +1312 -0
- package/dist/ts/common/h-scroll.ts +459 -0
- package/dist/ts/common/menu-base.ts +2131 -0
- package/dist/ts/common/v-scroll.ts +430 -0
- package/dist/ts/context-menu/context-menu.ts +119 -0
- package/dist/ts/menu/menu.ts +270 -0
- package/dist/ts/sidebar/sidebar.ts +817 -0
- package/dist/ts/tab/tab.ts +1761 -0
- package/dist/ts/toolbar/toolbar.ts +2076 -0
- package/dist/ts/treeview/treeview.ts +5050 -0
- package/helpers/e2e/index.js +3 -3
- package/license +10 -10
- package/package.json +135 -149
- package/src/accordion/accordion-model.d.ts +156 -156
- package/src/accordion/accordion.d.ts +1 -0
- package/src/accordion/accordion.js +40 -41
- package/src/common/h-scroll-model.d.ts +5 -5
- package/src/common/h-scroll.js +19 -20
- package/src/common/menu-base-model.d.ts +157 -157
- package/src/common/menu-base.d.ts +19 -0
- package/src/common/menu-base.js +94 -24
- package/src/common/v-scroll-model.d.ts +5 -5
- package/src/common/v-scroll.js +19 -19
- package/src/context-menu/context-menu-model.d.ts +15 -15
- package/src/context-menu/context-menu.js +19 -19
- package/src/menu/menu-model.d.ts +30 -30
- package/src/menu/menu.js +19 -19
- package/src/sidebar/sidebar-model.d.ts +136 -136
- package/src/sidebar/sidebar.js +19 -19
- package/src/tab/tab-model.d.ts +215 -215
- package/src/tab/tab.d.ts +3 -0
- package/src/tab/tab.js +117 -82
- package/src/toolbar/toolbar-model.d.ts +175 -175
- package/src/toolbar/toolbar.d.ts +1 -0
- package/src/toolbar/toolbar.js +30 -24
- package/src/treeview/treeview-model.d.ts +323 -323
- package/src/treeview/treeview.js +79 -33
- package/styles/accordion/_all.scss +2 -2
- package/styles/accordion/_bootstrap-dark-definition.scss +69 -69
- package/styles/accordion/_bootstrap-definition.scss +76 -76
- package/styles/accordion/_bootstrap4-definition.scss +82 -82
- package/styles/accordion/_fabric-dark-definition.scss +74 -74
- package/styles/accordion/_fabric-definition.scss +78 -78
- package/styles/accordion/_highcontrast-definition.scss +106 -106
- package/styles/accordion/_highcontrast-light-definition.scss +104 -104
- package/styles/accordion/_layout.scss +447 -447
- package/styles/accordion/_material-dark-definition.scss +75 -75
- package/styles/accordion/_material-definition.scss +72 -72
- package/styles/accordion/_theme.scss +479 -479
- package/styles/accordion/icons/_bootstrap-dark.scss +17 -17
- package/styles/accordion/icons/_bootstrap.scss +17 -17
- package/styles/accordion/icons/_bootstrap4.scss +17 -17
- package/styles/accordion/icons/_fabric-dark.scss +17 -17
- package/styles/accordion/icons/_fabric.scss +17 -17
- package/styles/accordion/icons/_highcontrast-light.scss +17 -17
- package/styles/accordion/icons/_highcontrast.scss +17 -17
- package/styles/accordion/icons/_material-dark.scss +17 -17
- package/styles/accordion/icons/_material.scss +17 -17
- package/styles/bootstrap-dark.css +7 -9
- package/styles/bootstrap.css +7 -9
- package/styles/bootstrap4.css +7 -9
- package/styles/bootstrap5-dark.css +0 -0
- package/styles/bootstrap5-dark.scss +0 -0
- package/styles/bootstrap5.css +0 -0
- package/styles/bootstrap5.scss +0 -0
- package/styles/context-menu/_all.scss +2 -2
- package/styles/context-menu/_bootstrap-dark-definition.scss +54 -54
- package/styles/context-menu/_bootstrap-definition.scss +52 -52
- package/styles/context-menu/_bootstrap4-definition.scss +52 -52
- package/styles/context-menu/_fabric-dark-definition.scss +54 -54
- package/styles/context-menu/_fabric-definition.scss +52 -52
- package/styles/context-menu/_highcontrast-definition.scss +52 -52
- package/styles/context-menu/_highcontrast-light-definition.scss +54 -54
- package/styles/context-menu/_layout-mixin.scss +175 -175
- package/styles/context-menu/_layout.scss +70 -70
- package/styles/context-menu/_material-dark-definition.scss +54 -54
- package/styles/context-menu/_material-definition.scss +52 -52
- package/styles/context-menu/_theme-mixin.scss +59 -59
- package/styles/context-menu/_theme.scss +36 -36
- package/styles/context-menu/bootstrap-dark.css +0 -1
- package/styles/context-menu/bootstrap.css +0 -1
- package/styles/context-menu/bootstrap4.css +0 -1
- package/styles/context-menu/fabric-dark.css +0 -1
- package/styles/context-menu/fabric.css +0 -1
- package/styles/context-menu/highcontrast-light.css +0 -1
- package/styles/context-menu/highcontrast.css +0 -1
- package/styles/context-menu/icons/_bootstrap-dark.scss +30 -30
- package/styles/context-menu/icons/_bootstrap.scss +30 -30
- package/styles/context-menu/icons/_bootstrap4.scss +30 -30
- package/styles/context-menu/icons/_fabric-dark.scss +30 -30
- package/styles/context-menu/icons/_fabric.scss +30 -30
- package/styles/context-menu/icons/_highcontrast-light.scss +30 -30
- package/styles/context-menu/icons/_highcontrast.scss +30 -30
- package/styles/context-menu/icons/_material-dark.scss +30 -30
- package/styles/context-menu/icons/_material.scss +30 -30
- package/styles/context-menu/material-dark.css +0 -1
- package/styles/context-menu/material.css +3 -4
- package/styles/fabric-dark.css +7 -9
- package/styles/fabric.css +7 -9
- package/styles/h-scroll/_all.scss +2 -2
- package/styles/h-scroll/_bootstrap-dark-definition.scss +49 -49
- package/styles/h-scroll/_bootstrap-definition.scss +50 -50
- package/styles/h-scroll/_bootstrap4-definition.scss +49 -49
- package/styles/h-scroll/_fabric-dark-definition.scss +50 -50
- package/styles/h-scroll/_fabric-definition.scss +48 -48
- package/styles/h-scroll/_highcontrast-definition.scss +52 -52
- package/styles/h-scroll/_highcontrast-light-definition.scss +54 -54
- package/styles/h-scroll/_layout.scss +198 -198
- package/styles/h-scroll/_material-dark-definition.scss +77 -77
- package/styles/h-scroll/_material-definition.scss +77 -77
- package/styles/h-scroll/_theme.scss +157 -157
- package/styles/h-scroll/icons/_bootstrap-dark.scss +49 -49
- package/styles/h-scroll/icons/_bootstrap.scss +49 -49
- package/styles/h-scroll/icons/_bootstrap4.scss +49 -49
- package/styles/h-scroll/icons/_fabric-dark.scss +49 -49
- package/styles/h-scroll/icons/_fabric.scss +49 -49
- package/styles/h-scroll/icons/_highcontrast-light.scss +49 -49
- package/styles/h-scroll/icons/_highcontrast.scss +49 -49
- package/styles/h-scroll/icons/_material-dark.scss +49 -49
- package/styles/h-scroll/icons/_material.scss +49 -49
- package/styles/highcontrast-light.css +7 -9
- package/styles/highcontrast.css +7 -9
- package/styles/material-dark.css +7 -9
- package/styles/material.css +21 -14
- package/styles/menu/_all.scss +2 -2
- package/styles/menu/_bootstrap-dark-definition.scss +63 -63
- package/styles/menu/_bootstrap-definition.scss +65 -65
- package/styles/menu/_bootstrap4-definition.scss +64 -64
- package/styles/menu/_fabric-dark-definition.scss +63 -63
- package/styles/menu/_fabric-definition.scss +64 -64
- package/styles/menu/_highcontrast-definition.scss +65 -65
- package/styles/menu/_highcontrast-light-definition.scss +61 -61
- package/styles/menu/_layout.scss +638 -638
- package/styles/menu/_material-dark-definition.scss +63 -63
- package/styles/menu/_material-definition.scss +64 -64
- package/styles/menu/_theme.scss +243 -243
- package/styles/menu/bootstrap-dark.css +0 -1
- package/styles/menu/bootstrap.css +0 -1
- package/styles/menu/bootstrap.scss +1 -0
- package/styles/menu/bootstrap4.css +0 -1
- package/styles/menu/fabric-dark.css +0 -1
- package/styles/menu/fabric.css +0 -1
- package/styles/menu/fabric.scss +1 -0
- package/styles/menu/highcontrast-light.css +0 -1
- package/styles/menu/highcontrast.css +0 -1
- package/styles/menu/highcontrast.scss +1 -0
- package/styles/menu/icons/_bootstrap-dark.scss +127 -127
- package/styles/menu/icons/_bootstrap.scss +127 -127
- package/styles/menu/icons/_bootstrap4.scss +127 -127
- package/styles/menu/icons/_fabric-dark.scss +127 -127
- package/styles/menu/icons/_fabric.scss +127 -127
- package/styles/menu/icons/_highcontrast-light.scss +127 -127
- package/styles/menu/icons/_highcontrast.scss +127 -127
- package/styles/menu/icons/_material-dark.scss +127 -127
- package/styles/menu/icons/_material.scss +127 -127
- package/styles/menu/material-dark.css +0 -1
- package/styles/menu/material.css +2 -3
- package/styles/menu/material.scss +1 -0
- package/styles/sidebar/_all.scss +3 -3
- package/styles/sidebar/_bootstrap-dark-definition.scss +4 -4
- package/styles/sidebar/_bootstrap-definition.scss +4 -4
- package/styles/sidebar/_bootstrap4-definition.scss +4 -4
- package/styles/sidebar/_fabric-dark-definition.scss +4 -4
- package/styles/sidebar/_fabric-definition.scss +6 -6
- package/styles/sidebar/_highcontrast-definition.scss +4 -4
- package/styles/sidebar/_highcontrast-light-definition.scss +4 -4
- package/styles/sidebar/_icons.scss +1 -1
- package/styles/sidebar/_material-dark-definition.scss +4 -4
- package/styles/sidebar/_material-definition.scss +6 -6
- package/styles/sidebar/_theme.scss +168 -168
- package/styles/sidebar/bootstrap-dark.css +0 -1
- package/styles/sidebar/bootstrap.css +0 -1
- package/styles/sidebar/bootstrap4.css +0 -1
- package/styles/sidebar/fabric-dark.css +0 -1
- package/styles/sidebar/fabric.css +0 -1
- package/styles/sidebar/highcontrast-light.css +0 -1
- package/styles/sidebar/highcontrast.css +0 -1
- package/styles/sidebar/material-dark.css +0 -1
- package/styles/sidebar/material.css +0 -1
- package/styles/tab/_all.scss +2 -2
- package/styles/tab/_bootstrap-dark-definition.scss +386 -386
- package/styles/tab/_bootstrap-definition.scss +396 -396
- package/styles/tab/_bootstrap4-definition.scss +401 -401
- package/styles/tab/_fabric-dark-definition.scss +394 -394
- package/styles/tab/_fabric-definition.scss +410 -410
- package/styles/tab/_highcontrast-definition.scss +434 -434
- package/styles/tab/_highcontrast-light-definition.scss +423 -423
- package/styles/tab/_icons.scss +43 -43
- package/styles/tab/_layout.scss +3528 -3521
- package/styles/tab/_material-dark-definition.scss +407 -407
- package/styles/tab/_material-definition.scss +416 -416
- package/styles/tab/_theme.scss +1751 -1751
- package/styles/tab/bootstrap-dark.css +7 -2
- package/styles/tab/bootstrap.css +7 -2
- package/styles/tab/bootstrap4.css +7 -2
- package/styles/tab/fabric-dark.css +7 -2
- package/styles/tab/fabric.css +7 -2
- package/styles/tab/highcontrast-light.css +7 -2
- package/styles/tab/highcontrast.css +7 -2
- package/styles/tab/icons/_bootstrap-dark.scss +132 -132
- package/styles/tab/icons/_bootstrap.scss +132 -132
- package/styles/tab/icons/_bootstrap4.scss +132 -132
- package/styles/tab/icons/_fabric-dark.scss +132 -132
- package/styles/tab/icons/_fabric.scss +132 -132
- package/styles/tab/icons/_highcontrast-light.scss +132 -132
- package/styles/tab/icons/_highcontrast.scss +132 -132
- package/styles/tab/icons/_material-dark.scss +132 -132
- package/styles/tab/icons/_material.scss +132 -132
- package/styles/tab/material-dark.css +7 -2
- package/styles/tab/material.css +7 -2
- package/styles/tailwind-dark.css +0 -0
- package/styles/tailwind-dark.scss +0 -0
- package/styles/tailwind.css +0 -0
- package/styles/tailwind.scss +0 -0
- package/styles/toolbar/_all.scss +2 -2
- package/styles/toolbar/_bootstrap-dark-definition.scss +135 -135
- package/styles/toolbar/_bootstrap-definition.scss +134 -134
- package/styles/toolbar/_bootstrap4-definition.scss +139 -139
- package/styles/toolbar/_fabric-dark-definition.scss +155 -155
- package/styles/toolbar/_fabric-definition.scss +139 -139
- package/styles/toolbar/_highcontrast-definition.scss +149 -149
- package/styles/toolbar/_highcontrast-light-definition.scss +164 -164
- package/styles/toolbar/_layout.scss +1460 -1460
- package/styles/toolbar/_material-dark-definition.scss +180 -180
- package/styles/toolbar/_material-definition.scss +164 -164
- package/styles/toolbar/_theme.scss +451 -451
- package/styles/toolbar/bootstrap-dark.css +0 -1
- package/styles/toolbar/bootstrap.css +0 -1
- package/styles/toolbar/bootstrap.scss +1 -0
- package/styles/toolbar/bootstrap4.css +0 -1
- package/styles/toolbar/fabric-dark.css +0 -1
- package/styles/toolbar/fabric.css +0 -1
- package/styles/toolbar/fabric.scss +1 -0
- package/styles/toolbar/highcontrast-light.css +0 -1
- package/styles/toolbar/highcontrast.css +0 -1
- package/styles/toolbar/highcontrast.scss +1 -0
- package/styles/toolbar/icons/_bootstrap-dark.scss +16 -16
- package/styles/toolbar/icons/_bootstrap.scss +16 -16
- package/styles/toolbar/icons/_bootstrap4.scss +16 -16
- package/styles/toolbar/icons/_fabric-dark.scss +16 -16
- package/styles/toolbar/icons/_fabric.scss +16 -16
- package/styles/toolbar/icons/_highcontrast-light.scss +16 -16
- package/styles/toolbar/icons/_highcontrast.scss +16 -16
- package/styles/toolbar/icons/_material-dark.scss +16 -16
- package/styles/toolbar/icons/_material.scss +16 -16
- package/styles/toolbar/material-dark.css +0 -1
- package/styles/toolbar/material.css +0 -1
- package/styles/toolbar/material.scss +1 -0
- package/styles/treeview/_all.scss +2 -2
- package/styles/treeview/_bootstrap-dark-definition.scss +131 -131
- package/styles/treeview/_bootstrap-definition.scss +127 -127
- package/styles/treeview/_bootstrap4-definition.scss +153 -153
- package/styles/treeview/_fabric-dark-definition.scss +130 -130
- package/styles/treeview/_fabric-definition.scss +126 -126
- package/styles/treeview/_highcontrast-definition.scss +132 -132
- package/styles/treeview/_highcontrast-light-definition.scss +137 -137
- package/styles/treeview/_layout.scss +551 -551
- package/styles/treeview/_material-dark-definition.scss +126 -126
- package/styles/treeview/_material-definition.scss +126 -126
- package/styles/treeview/_theme.scss +331 -331
- package/styles/treeview/bootstrap-dark.css +0 -3
- package/styles/treeview/bootstrap.css +0 -3
- package/styles/treeview/bootstrap4.css +0 -3
- package/styles/treeview/fabric-dark.css +0 -3
- package/styles/treeview/fabric.css +0 -3
- package/styles/treeview/highcontrast-light.css +0 -3
- package/styles/treeview/highcontrast.css +0 -3
- package/styles/treeview/icons/_bootstrap-dark.scss +39 -39
- package/styles/treeview/icons/_bootstrap.scss +39 -39
- package/styles/treeview/icons/_bootstrap4.scss +39 -39
- package/styles/treeview/icons/_fabric-dark.scss +43 -43
- package/styles/treeview/icons/_fabric.scss +43 -43
- package/styles/treeview/icons/_highcontrast-light.scss +43 -43
- package/styles/treeview/icons/_highcontrast.scss +43 -43
- package/styles/treeview/icons/_material-dark.scss +43 -43
- package/styles/treeview/icons/_material.scss +43 -43
- package/styles/treeview/material-dark.css +0 -3
- package/styles/treeview/material.css +9 -3
- package/styles/v-scroll/_all.scss +2 -2
- package/styles/v-scroll/_bootstrap-dark-definition.scss +50 -50
- package/styles/v-scroll/_bootstrap-definition.scss +49 -49
- package/styles/v-scroll/_bootstrap4-definition.scss +49 -49
- package/styles/v-scroll/_fabric-dark-definition.scss +51 -51
- package/styles/v-scroll/_fabric-definition.scss +50 -50
- package/styles/v-scroll/_highcontrast-definition.scss +51 -51
- package/styles/v-scroll/_highcontrast-light-definition.scss +52 -52
- package/styles/v-scroll/_layout.scss +162 -162
- package/styles/v-scroll/_material-dark-definition.scss +78 -78
- package/styles/v-scroll/_material-definition.scss +77 -77
- package/styles/v-scroll/_theme.scss +133 -133
- package/styles/v-scroll/icons/_bootstrap-dark.scss +26 -26
- package/styles/v-scroll/icons/_bootstrap.scss +26 -26
- package/styles/v-scroll/icons/_bootstrap4.scss +26 -26
- package/styles/v-scroll/icons/_fabric-dark.scss +26 -26
- package/styles/v-scroll/icons/_fabric.scss +26 -26
- package/styles/v-scroll/icons/_highcontrast-light.scss +26 -26
- package/styles/v-scroll/icons/_highcontrast.scss +26 -26
- package/styles/v-scroll/icons/_material-dark.scss +26 -26
- package/styles/v-scroll/icons/_material.scss +26 -26
- package/tslint.json +111 -0
- package/.gitlab/merge_request_templates/Bug.md +0 -63
- package/.gitlab/merge_request_templates/feature.md +0 -39
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, BlazorDragEventArgs } from '@syncfusion/ej2-base';
|
|
1
|
+
import { Component, EmitType, isUndefined, Browser, compile, isNullOrUndefined, BlazorDragEventArgs } from '@syncfusion/ej2-base';
|
|
2
2
|
import {ExpandOnSettings,SortOrder,DataBoundEventArgs,DataSourceChangedEventArgs,DrawNodeEventArgs,NodeKeyPressEventArgs,NodeCheckEventArgs,NodeClickEventArgs,NodeExpandEventArgs,DragAndDropEventArgs,NodeEditEventArgs,NodeSelectEventArgs} from "./treeview";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
@@ -8,90 +8,90 @@ import {ComponentModel} from '@syncfusion/ej2-base';
|
|
|
8
8
|
export interface FieldsSettingsModel {
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* Binds the field settings for child nodes or mapping field for nested nodes objects that contain array of JSON objects.
|
|
12
|
-
*/
|
|
13
|
-
child?: string | FieldsSettingsModel;
|
|
11
|
+
* Binds the field settings for child nodes or mapping field for nested nodes objects that contain array of JSON objects.
|
|
12
|
+
*/
|
|
13
|
+
child?: string | FieldsSettingsModel;
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* Specifies the array of JavaScript objects or instance of DataManager to populate the nodes.
|
|
17
|
-
* @default []
|
|
18
|
-
* @aspDatasourceNullIgnore
|
|
19
|
-
* @blazorDatasourceNullIgnore
|
|
20
|
-
* @isGenericType true
|
|
21
|
-
*/
|
|
22
|
-
dataSource?: DataManager | { [key: string]: Object }[];
|
|
16
|
+
* Specifies the array of JavaScript objects or instance of DataManager to populate the nodes.
|
|
17
|
+
* @default []
|
|
18
|
+
* @aspDatasourceNullIgnore
|
|
19
|
+
* @blazorDatasourceNullIgnore
|
|
20
|
+
* @isGenericType true
|
|
21
|
+
*/
|
|
22
|
+
dataSource?: DataManager | { [key: string]: Object }[];
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
|
-
* Specifies the mapping field for expand state of the TreeView node.
|
|
26
|
-
*/
|
|
27
|
-
expanded?: string;
|
|
25
|
+
* Specifies the mapping field for expand state of the TreeView node.
|
|
26
|
+
*/
|
|
27
|
+
expanded?: string;
|
|
28
28
|
|
|
29
29
|
/**
|
|
30
|
-
* Specifies the mapping field for hasChildren to check whether a node has child nodes or not.
|
|
31
|
-
*/
|
|
32
|
-
hasChildren?: string;
|
|
30
|
+
* Specifies the mapping field for hasChildren to check whether a node has child nodes or not.
|
|
31
|
+
*/
|
|
32
|
+
hasChildren?: string;
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
|
-
* Specifies the mapping field for htmlAttributes to be added to the TreeView node.
|
|
36
|
-
*/
|
|
37
|
-
htmlAttributes?: string;
|
|
35
|
+
* Specifies the mapping field for htmlAttributes to be added to the TreeView node.
|
|
36
|
+
*/
|
|
37
|
+
htmlAttributes?: string;
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
|
-
* Specifies the mapping field for icon class of each TreeView node that will be added before the text.
|
|
41
|
-
*/
|
|
42
|
-
iconCss?: string;
|
|
40
|
+
* Specifies the mapping field for icon class of each TreeView node that will be added before the text.
|
|
41
|
+
*/
|
|
42
|
+
iconCss?: string;
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
|
-
* Specifies the ID field mapped in dataSource.
|
|
46
|
-
*/
|
|
47
|
-
id?: string;
|
|
45
|
+
* Specifies the ID field mapped in dataSource.
|
|
46
|
+
*/
|
|
47
|
+
id?: string;
|
|
48
48
|
|
|
49
49
|
/**
|
|
50
|
-
* Specifies the mapping field for image URL of each TreeView node where image will be added before the text.
|
|
51
|
-
*/
|
|
52
|
-
imageUrl?: string;
|
|
50
|
+
* Specifies the mapping field for image URL of each TreeView node where image will be added before the text.
|
|
51
|
+
*/
|
|
52
|
+
imageUrl?: string;
|
|
53
53
|
|
|
54
54
|
/**
|
|
55
|
-
* Specifies the field for checked state of the TreeView node.
|
|
56
|
-
*/
|
|
57
|
-
isChecked?: string;
|
|
55
|
+
* Specifies the field for checked state of the TreeView node.
|
|
56
|
+
*/
|
|
57
|
+
isChecked?: string;
|
|
58
58
|
|
|
59
59
|
/**
|
|
60
|
-
* Specifies the parent ID field mapped in dataSource.
|
|
61
|
-
*/
|
|
62
|
-
parentID?: string;
|
|
60
|
+
* Specifies the parent ID field mapped in dataSource.
|
|
61
|
+
*/
|
|
62
|
+
parentID?: string;
|
|
63
63
|
|
|
64
64
|
/**
|
|
65
|
-
* Defines the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
|
|
66
|
-
* that will execute along with data processing.
|
|
67
|
-
* @default null
|
|
68
|
-
*/
|
|
69
|
-
query?: Query;
|
|
65
|
+
* Defines the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
|
|
66
|
+
* that will execute along with data processing.
|
|
67
|
+
* @default null
|
|
68
|
+
*/
|
|
69
|
+
query?: Query;
|
|
70
70
|
|
|
71
71
|
/**
|
|
72
|
-
* Specifies the mapping field for selected state of the TreeView node.
|
|
73
|
-
*/
|
|
74
|
-
selected?: string;
|
|
72
|
+
* Specifies the mapping field for selected state of the TreeView node.
|
|
73
|
+
*/
|
|
74
|
+
selected?: string;
|
|
75
75
|
|
|
76
76
|
/**
|
|
77
|
-
* Specifies the table name used to fetch data from a specific table in the server.
|
|
78
|
-
*/
|
|
79
|
-
tableName?: string;
|
|
77
|
+
* Specifies the table name used to fetch data from a specific table in the server.
|
|
78
|
+
*/
|
|
79
|
+
tableName?: string;
|
|
80
80
|
|
|
81
81
|
/**
|
|
82
|
-
* Specifies the mapping field for text displayed as TreeView node's display text.
|
|
83
|
-
*/
|
|
84
|
-
text?: string;
|
|
82
|
+
* Specifies the mapping field for text displayed as TreeView node's display text.
|
|
83
|
+
*/
|
|
84
|
+
text?: string;
|
|
85
85
|
|
|
86
86
|
/**
|
|
87
|
-
* Specifies the mapping field for tooltip that will be displayed as hovering text of the TreeView node.
|
|
88
|
-
*/
|
|
89
|
-
tooltip?: string;
|
|
87
|
+
* Specifies the mapping field for tooltip that will be displayed as hovering text of the TreeView node.
|
|
88
|
+
*/
|
|
89
|
+
tooltip?: string;
|
|
90
90
|
|
|
91
91
|
/**
|
|
92
|
-
* Specifies the mapping field for navigateUrl to be added as hyper-link of the TreeView node.
|
|
93
|
-
*/
|
|
94
|
-
navigateUrl?: string;
|
|
92
|
+
* Specifies the mapping field for navigateUrl to be added as hyper-link of the TreeView node.
|
|
93
|
+
*/
|
|
94
|
+
navigateUrl?: string;
|
|
95
95
|
|
|
96
96
|
}
|
|
97
97
|
|
|
@@ -101,22 +101,22 @@ export interface FieldsSettingsModel {
|
|
|
101
101
|
export interface ActionSettingsModel {
|
|
102
102
|
|
|
103
103
|
/**
|
|
104
|
-
* Specifies the type of animation.
|
|
105
|
-
* @default 'SlideDown'
|
|
106
|
-
*/
|
|
107
|
-
effect?: Effect;
|
|
104
|
+
* Specifies the type of animation.
|
|
105
|
+
* @default 'SlideDown'
|
|
106
|
+
*/
|
|
107
|
+
effect?: Effect;
|
|
108
108
|
|
|
109
109
|
/**
|
|
110
|
-
* Specifies the duration to animate.
|
|
111
|
-
* @default 400
|
|
112
|
-
*/
|
|
113
|
-
duration?: number;
|
|
110
|
+
* Specifies the duration to animate.
|
|
111
|
+
* @default 400
|
|
112
|
+
*/
|
|
113
|
+
duration?: number;
|
|
114
114
|
|
|
115
115
|
/**
|
|
116
|
-
* Specifies the animation timing function.
|
|
117
|
-
* @default 'linear'
|
|
118
|
-
*/
|
|
119
|
-
easing?: string;
|
|
116
|
+
* Specifies the animation timing function.
|
|
117
|
+
* @default 'linear'
|
|
118
|
+
*/
|
|
119
|
+
easing?: string;
|
|
120
120
|
|
|
121
121
|
}
|
|
122
122
|
|
|
@@ -126,16 +126,16 @@ export interface ActionSettingsModel {
|
|
|
126
126
|
export interface NodeAnimationSettingsModel {
|
|
127
127
|
|
|
128
128
|
/**
|
|
129
|
-
* Specifies the animation that applies on collapsing the nodes.
|
|
130
|
-
* @default { effect: 'SlideUp', duration: 400, easing: 'linear' }
|
|
131
|
-
*/
|
|
132
|
-
collapse?: ActionSettingsModel;
|
|
129
|
+
* Specifies the animation that applies on collapsing the nodes.
|
|
130
|
+
* @default { effect: 'SlideUp', duration: 400, easing: 'linear' }
|
|
131
|
+
*/
|
|
132
|
+
collapse?: ActionSettingsModel;
|
|
133
133
|
|
|
134
134
|
/**
|
|
135
|
-
* Specifies the animation that applies on expanding the nodes.
|
|
136
|
-
* @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
|
|
137
|
-
*/
|
|
138
|
-
expand?: ActionSettingsModel;
|
|
135
|
+
* Specifies the animation that applies on expanding the nodes.
|
|
136
|
+
* @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
|
|
137
|
+
*/
|
|
138
|
+
expand?: ActionSettingsModel;
|
|
139
139
|
|
|
140
140
|
}
|
|
141
141
|
|
|
@@ -145,303 +145,303 @@ export interface NodeAnimationSettingsModel {
|
|
|
145
145
|
export interface TreeViewModel extends ComponentModel{
|
|
146
146
|
|
|
147
147
|
/**
|
|
148
|
-
* Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
|
|
149
|
-
* desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
|
|
150
|
-
* the mouse. For touch devices, drag and drop operation is performed by touch, touch move
|
|
151
|
-
* and touch end. For more information on drag and drop nodes concept, refer to
|
|
152
|
-
* [Drag and Drop](../../treeview/drag-and-drop/).
|
|
153
|
-
* @default false
|
|
154
|
-
*/
|
|
155
|
-
allowDragAndDrop?: boolean;
|
|
156
|
-
|
|
157
|
-
/**
|
|
158
|
-
* Enables or disables editing of the text in the TreeView node. When `allowEditing` property is set
|
|
159
|
-
* to true, the TreeView allows you to edit the node by double clicking the node or by navigating to
|
|
160
|
-
* the node and pressing **F2** key. For more information on node editing, refer
|
|
161
|
-
* to [Node Editing](../../treeview/node-editing/).
|
|
162
|
-
* @default false
|
|
163
|
-
*/
|
|
164
|
-
allowEditing?: boolean;
|
|
165
|
-
|
|
166
|
-
/**
|
|
167
|
-
* Enables or disables multi-selection of nodes. To select multiple nodes:
|
|
168
|
-
* * Select the nodes by holding down the CTRL key while clicking on the nodes.
|
|
169
|
-
* * Select consecutive nodes by clicking the first node to select and hold down the **SHIFT** key
|
|
170
|
-
* and click the last node to select.
|
|
171
|
-
*
|
|
172
|
-
* For more information on multi-selection, refer to
|
|
173
|
-
* [Multi-Selection](../../treeview/multiple-selection/).
|
|
174
|
-
* @default false
|
|
175
|
-
*/
|
|
176
|
-
allowMultiSelection?: boolean;
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* Specifies the type of animation applied on expanding and collapsing the nodes along with duration.
|
|
180
|
-
* @default {expand: { effect: 'SlideDown', duration: 400, easing: 'linear' },
|
|
181
|
-
* collapse: { effect: 'SlideUp', duration: 400, easing: 'linear' }}
|
|
182
|
-
*/
|
|
183
|
-
animation?: NodeAnimationSettingsModel;
|
|
184
|
-
|
|
185
|
-
/**
|
|
186
|
-
* The `checkedNodes` property is used to set the nodes that need to be checked or
|
|
187
|
-
* get the ID of nodes that are currently checked in the TreeView component.
|
|
188
|
-
* The `checkedNodes` property depends upon the value of `showCheckBox` property.
|
|
189
|
-
* For more information on checkedNodes, refer to
|
|
190
|
-
* [checkedNodes](../../treeview/check-box#checked-nodes).
|
|
191
|
-
* @default []
|
|
192
|
-
*/
|
|
193
|
-
checkedNodes?: string[];
|
|
194
|
-
|
|
195
|
-
/**
|
|
196
|
-
* Specifies the CSS classes to be added with root element of the TreeView to help customize the appearance of the component.
|
|
197
|
-
* @default ''
|
|
198
|
-
*/
|
|
199
|
-
cssClass?: string;
|
|
200
|
-
|
|
201
|
-
/**
|
|
202
|
-
* Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
|
|
203
|
-
* 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.
|
|
204
|
-
* 2. `checkedNodes` - Represents the nodes that are checked in the TreeView component.
|
|
205
|
-
* 3. `expandedNodes` - Represents the nodes that are expanded in the TreeView component.
|
|
206
|
-
* @default false
|
|
207
|
-
*/
|
|
208
|
-
enablePersistence?: boolean;
|
|
209
|
-
|
|
210
|
-
/**
|
|
211
|
-
* Represents the expanded nodes in the TreeView component. We can set the nodes that need to be
|
|
212
|
-
* expanded or get the ID of the nodes that are currently expanded by using this property.
|
|
213
|
-
* @default []
|
|
214
|
-
*/
|
|
215
|
-
expandedNodes?: string[];
|
|
216
|
-
|
|
217
|
-
/**
|
|
218
|
-
* Specifies the action on which the node expands or collapses. The available actions are,
|
|
219
|
-
* * `Auto` - In desktop, the expand/collapse operation happens when you double-click the node, and in mobile devices it
|
|
220
|
-
* happens on single-click.
|
|
221
|
-
* * `Click` - The expand/collapse operation happens when you single-click the node in both desktop and mobile devices.
|
|
222
|
-
* * `DblClick` - The expand/collapse operation happens when you double-click the node in both desktop and mobile devices.
|
|
223
|
-
* * `None` - The expand/collapse operation will not happen when you single-click or double-click the node in both desktop
|
|
224
|
-
* and mobile devices.
|
|
225
|
-
* @default 'Auto'
|
|
226
|
-
*/
|
|
227
|
-
expandOn?: ExpandOnSettings;
|
|
228
|
-
|
|
229
|
-
/**
|
|
230
|
-
* Specifies the data source and mapping fields to render TreeView nodes.
|
|
231
|
-
* @default {id: 'id', text: 'text', dataSource: [], child: 'child', parentID: 'parentID', hasChildren: 'hasChildren',
|
|
232
|
-
* expanded: 'expanded', htmlAttributes: 'htmlAttributes', iconCss: 'iconCss', imageUrl: 'imageUrl', isChecked: 'isChecked',
|
|
233
|
-
* query: null, selected: 'selected', tableName: null, tooltip: 'tooltip', navigateUrl: 'navigateUrl'}
|
|
234
|
-
*/
|
|
235
|
-
fields?: FieldsSettingsModel;
|
|
236
|
-
|
|
237
|
-
/**
|
|
238
|
-
* On enabling this property, the entire row of the TreeView node gets selected by clicking a node.
|
|
239
|
-
* When disabled only the corresponding node's text gets selected.
|
|
240
|
-
* For more information on Fields concept, refer to
|
|
241
|
-
* [Fields](../../treeview/data-binding#local-data).
|
|
242
|
-
* @default true
|
|
243
|
-
*/
|
|
244
|
-
fullRowSelect?: boolean;
|
|
245
|
-
|
|
246
|
-
/**
|
|
247
|
-
* By default, the load on demand (Lazy load) is set to true. By disabling this property, all the tree nodes are rendered at the
|
|
248
|
-
* beginning itself.
|
|
249
|
-
* @default true
|
|
250
|
-
*/
|
|
251
|
-
loadOnDemand?: boolean;
|
|
252
|
-
|
|
253
|
-
/**
|
|
254
|
-
* Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
|
|
255
|
-
* is set, the template content overrides the displayed node text. The property accepts template string
|
|
256
|
-
* [template string](http://ej2.syncfusion.com/documentation/base/template-engine.html)
|
|
257
|
-
* or HTML element ID holding the content. For more information on template concept, refer to
|
|
258
|
-
* [Template](../../treeview/template/).
|
|
259
|
-
* @default null
|
|
260
|
-
*/
|
|
261
|
-
nodeTemplate?: string;
|
|
148
|
+
* Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
|
|
149
|
+
* desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing
|
|
150
|
+
* the mouse. For touch devices, drag and drop operation is performed by touch, touch move
|
|
151
|
+
* and touch end. For more information on drag and drop nodes concept, refer to
|
|
152
|
+
* [Drag and Drop](../../treeview/drag-and-drop/).
|
|
153
|
+
* @default false
|
|
154
|
+
*/
|
|
155
|
+
allowDragAndDrop?: boolean;
|
|
156
|
+
|
|
157
|
+
/**
|
|
158
|
+
* Enables or disables editing of the text in the TreeView node. When `allowEditing` property is set
|
|
159
|
+
* to true, the TreeView allows you to edit the node by double clicking the node or by navigating to
|
|
160
|
+
* the node and pressing **F2** key. For more information on node editing, refer
|
|
161
|
+
* to [Node Editing](../../treeview/node-editing/).
|
|
162
|
+
* @default false
|
|
163
|
+
*/
|
|
164
|
+
allowEditing?: boolean;
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Enables or disables multi-selection of nodes. To select multiple nodes:
|
|
168
|
+
* * Select the nodes by holding down the CTRL key while clicking on the nodes.
|
|
169
|
+
* * Select consecutive nodes by clicking the first node to select and hold down the **SHIFT** key
|
|
170
|
+
* and click the last node to select.
|
|
171
|
+
*
|
|
172
|
+
* For more information on multi-selection, refer to
|
|
173
|
+
* [Multi-Selection](../../treeview/multiple-selection/).
|
|
174
|
+
* @default false
|
|
175
|
+
*/
|
|
176
|
+
allowMultiSelection?: boolean;
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* Specifies the type of animation applied on expanding and collapsing the nodes along with duration.
|
|
180
|
+
* @default {expand: { effect: 'SlideDown', duration: 400, easing: 'linear' },
|
|
181
|
+
* collapse: { effect: 'SlideUp', duration: 400, easing: 'linear' }}
|
|
182
|
+
*/
|
|
183
|
+
animation?: NodeAnimationSettingsModel;
|
|
184
|
+
|
|
185
|
+
/**
|
|
186
|
+
* The `checkedNodes` property is used to set the nodes that need to be checked or
|
|
187
|
+
* get the ID of nodes that are currently checked in the TreeView component.
|
|
188
|
+
* The `checkedNodes` property depends upon the value of `showCheckBox` property.
|
|
189
|
+
* For more information on checkedNodes, refer to
|
|
190
|
+
* [checkedNodes](../../treeview/check-box#checked-nodes).
|
|
191
|
+
* @default []
|
|
192
|
+
*/
|
|
193
|
+
checkedNodes?: string[];
|
|
194
|
+
|
|
195
|
+
/**
|
|
196
|
+
* Specifies the CSS classes to be added with root element of the TreeView to help customize the appearance of the component.
|
|
197
|
+
* @default ''
|
|
198
|
+
*/
|
|
199
|
+
cssClass?: string;
|
|
200
|
+
|
|
201
|
+
/**
|
|
202
|
+
* Enables or disables persisting TreeView state between page reloads. If enabled, following APIs will persist.
|
|
203
|
+
* 1. `selectedNodes` - Represents the nodes that are selected in the TreeView component.
|
|
204
|
+
* 2. `checkedNodes` - Represents the nodes that are checked in the TreeView component.
|
|
205
|
+
* 3. `expandedNodes` - Represents the nodes that are expanded in the TreeView component.
|
|
206
|
+
* @default false
|
|
207
|
+
*/
|
|
208
|
+
enablePersistence?: boolean;
|
|
209
|
+
|
|
210
|
+
/**
|
|
211
|
+
* Represents the expanded nodes in the TreeView component. We can set the nodes that need to be
|
|
212
|
+
* expanded or get the ID of the nodes that are currently expanded by using this property.
|
|
213
|
+
* @default []
|
|
214
|
+
*/
|
|
215
|
+
expandedNodes?: string[];
|
|
216
|
+
|
|
217
|
+
/**
|
|
218
|
+
* Specifies the action on which the node expands or collapses. The available actions are,
|
|
219
|
+
* * `Auto` - In desktop, the expand/collapse operation happens when you double-click the node, and in mobile devices it
|
|
220
|
+
* happens on single-click.
|
|
221
|
+
* * `Click` - The expand/collapse operation happens when you single-click the node in both desktop and mobile devices.
|
|
222
|
+
* * `DblClick` - The expand/collapse operation happens when you double-click the node in both desktop and mobile devices.
|
|
223
|
+
* * `None` - The expand/collapse operation will not happen when you single-click or double-click the node in both desktop
|
|
224
|
+
* and mobile devices.
|
|
225
|
+
* @default 'Auto'
|
|
226
|
+
*/
|
|
227
|
+
expandOn?: ExpandOnSettings;
|
|
228
|
+
|
|
229
|
+
/**
|
|
230
|
+
* Specifies the data source and mapping fields to render TreeView nodes.
|
|
231
|
+
* @default {id: 'id', text: 'text', dataSource: [], child: 'child', parentID: 'parentID', hasChildren: 'hasChildren',
|
|
232
|
+
* expanded: 'expanded', htmlAttributes: 'htmlAttributes', iconCss: 'iconCss', imageUrl: 'imageUrl', isChecked: 'isChecked',
|
|
233
|
+
* query: null, selected: 'selected', tableName: null, tooltip: 'tooltip', navigateUrl: 'navigateUrl'}
|
|
234
|
+
*/
|
|
235
|
+
fields?: FieldsSettingsModel;
|
|
236
|
+
|
|
237
|
+
/**
|
|
238
|
+
* On enabling this property, the entire row of the TreeView node gets selected by clicking a node.
|
|
239
|
+
* When disabled only the corresponding node's text gets selected.
|
|
240
|
+
* For more information on Fields concept, refer to
|
|
241
|
+
* [Fields](../../treeview/data-binding#local-data).
|
|
242
|
+
* @default true
|
|
243
|
+
*/
|
|
244
|
+
fullRowSelect?: boolean;
|
|
245
|
+
|
|
246
|
+
/**
|
|
247
|
+
* By default, the load on demand (Lazy load) is set to true. By disabling this property, all the tree nodes are rendered at the
|
|
248
|
+
* beginning itself.
|
|
249
|
+
* @default true
|
|
250
|
+
*/
|
|
251
|
+
loadOnDemand?: boolean;
|
|
252
|
+
|
|
253
|
+
/**
|
|
254
|
+
* Specifies a template to render customized content for all the nodes. If the `nodeTemplate` property
|
|
255
|
+
* is set, the template content overrides the displayed node text. The property accepts template string
|
|
256
|
+
* [template string](http://ej2.syncfusion.com/documentation/base/template-engine.html)
|
|
257
|
+
* or HTML element ID holding the content. For more information on template concept, refer to
|
|
258
|
+
* [Template](../../treeview/template/).
|
|
259
|
+
* @default null
|
|
260
|
+
*/
|
|
261
|
+
nodeTemplate?: string;
|
|
262
262
|
|
|
263
263
|
/**
|
|
264
|
-
* Represents the selected nodes in the TreeView component. We can set the nodes that need to be
|
|
265
|
-
* selected or get the ID of the nodes that are currently selected by using this property.
|
|
266
|
-
* On enabling `allowMultiSelection` property we can select multiple nodes and on disabling
|
|
267
|
-
* it we can select only a single node.
|
|
268
|
-
* For more information on selectedNodes, refer to
|
|
269
|
-
* [selectedNodes](../../treeview/multiple-selection#selected-nodes).
|
|
270
|
-
* @default []
|
|
271
|
-
*/
|
|
272
|
-
selectedNodes?: string[];
|
|
264
|
+
* Represents the selected nodes in the TreeView component. We can set the nodes that need to be
|
|
265
|
+
* selected or get the ID of the nodes that are currently selected by using this property.
|
|
266
|
+
* On enabling `allowMultiSelection` property we can select multiple nodes and on disabling
|
|
267
|
+
* it we can select only a single node.
|
|
268
|
+
* For more information on selectedNodes, refer to
|
|
269
|
+
* [selectedNodes](../../treeview/multiple-selection#selected-nodes).
|
|
270
|
+
* @default []
|
|
271
|
+
*/
|
|
272
|
+
selectedNodes?: string[];
|
|
273
273
|
|
|
274
274
|
/**
|
|
275
|
-
* Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,
|
|
276
|
-
* or are not sorted at all. The available types of sort order are,
|
|
277
|
-
* * `None` - The nodes are not sorted.
|
|
278
|
-
* * `Ascending` - The nodes are sorted in the ascending order.
|
|
279
|
-
* * `Descending` - The nodes are sorted in the ascending order.
|
|
280
|
-
* @default 'None'
|
|
281
|
-
*/
|
|
282
|
-
sortOrder?: SortOrder;
|
|
275
|
+
* Specifies a value that indicates whether the nodes are sorted in the ascending or descending order,
|
|
276
|
+
* or are not sorted at all. The available types of sort order are,
|
|
277
|
+
* * `None` - The nodes are not sorted.
|
|
278
|
+
* * `Ascending` - The nodes are sorted in the ascending order.
|
|
279
|
+
* * `Descending` - The nodes are sorted in the ascending order.
|
|
280
|
+
* @default 'None'
|
|
281
|
+
*/
|
|
282
|
+
sortOrder?: SortOrder;
|
|
283
283
|
|
|
284
284
|
/**
|
|
285
|
-
* Indicates that the nodes will display CheckBoxes in the TreeView.
|
|
286
|
-
* The CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to
|
|
287
|
-
* [CheckBox](../../treeview/check-box/).
|
|
288
|
-
* @default false
|
|
289
|
-
*/
|
|
290
|
-
showCheckBox?: boolean;
|
|
285
|
+
* Indicates that the nodes will display CheckBoxes in the TreeView.
|
|
286
|
+
* The CheckBox will be displayed next to the expand/collapse icon of the node. For more information on CheckBoxes, refer to
|
|
287
|
+
* [CheckBox](../../treeview/check-box/).
|
|
288
|
+
* @default false
|
|
289
|
+
*/
|
|
290
|
+
showCheckBox?: boolean;
|
|
291
291
|
|
|
292
292
|
/**
|
|
293
|
-
* Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
|
|
294
|
-
* @default true
|
|
295
|
-
*/
|
|
296
|
-
autoCheck?: boolean;
|
|
293
|
+
* Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
|
|
294
|
+
* @default true
|
|
295
|
+
*/
|
|
296
|
+
autoCheck?: boolean;
|
|
297
297
|
|
|
298
298
|
/**
|
|
299
|
-
* Triggers when the TreeView control is created successfully.
|
|
300
|
-
* @event
|
|
301
|
-
* @blazorProperty 'Created'
|
|
302
|
-
*/
|
|
303
|
-
created?: EmitType<Object>;
|
|
299
|
+
* Triggers when the TreeView control is created successfully.
|
|
300
|
+
* @event
|
|
301
|
+
* @blazorProperty 'Created'
|
|
302
|
+
*/
|
|
303
|
+
created?: EmitType<Object>;
|
|
304
304
|
|
|
305
305
|
/**
|
|
306
|
-
* Triggers when data source is populated in the TreeView.
|
|
307
|
-
* @event
|
|
308
|
-
* @blazorProperty 'DataBound'
|
|
309
|
-
*/
|
|
310
|
-
dataBound?: EmitType<DataBoundEventArgs>;
|
|
306
|
+
* Triggers when data source is populated in the TreeView.
|
|
307
|
+
* @event
|
|
308
|
+
* @blazorProperty 'DataBound'
|
|
309
|
+
*/
|
|
310
|
+
dataBound?: EmitType<DataBoundEventArgs>;
|
|
311
311
|
|
|
312
312
|
/**
|
|
313
|
-
* Triggers when data source is changed in the TreeView. The data source will be changed after performing some operation like
|
|
314
|
-
* drag and drop, node editing, adding and removing node.
|
|
315
|
-
* @event
|
|
316
|
-
* @blazorProperty 'DataSourceChanged'
|
|
317
|
-
*/
|
|
318
|
-
dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
|
|
313
|
+
* Triggers when data source is changed in the TreeView. The data source will be changed after performing some operation like
|
|
314
|
+
* drag and drop, node editing, adding and removing node.
|
|
315
|
+
* @event
|
|
316
|
+
* @blazorProperty 'DataSourceChanged'
|
|
317
|
+
*/
|
|
318
|
+
dataSourceChanged?: EmitType<DataSourceChangedEventArgs>;
|
|
319
319
|
|
|
320
320
|
/**
|
|
321
|
-
* Triggers before the TreeView node is appended to the TreeView element. It helps to customize specific nodes.
|
|
322
|
-
* @event
|
|
323
|
-
* @blazorProperty 'OnDrawNode'
|
|
324
|
-
*/
|
|
325
|
-
drawNode?: EmitType<DrawNodeEventArgs>;
|
|
321
|
+
* Triggers before the TreeView node is appended to the TreeView element. It helps to customize specific nodes.
|
|
322
|
+
* @event
|
|
323
|
+
* @blazorProperty 'OnDrawNode'
|
|
324
|
+
*/
|
|
325
|
+
drawNode?: EmitType<DrawNodeEventArgs>;
|
|
326
326
|
|
|
327
327
|
/**
|
|
328
|
-
* Triggers when the TreeView control is destroyed successfully.
|
|
329
|
-
* @event
|
|
330
|
-
* @blazorProperty 'Destroyed'
|
|
331
|
-
*/
|
|
332
|
-
destroyed?: EmitType<Object>;
|
|
328
|
+
* Triggers when the TreeView control is destroyed successfully.
|
|
329
|
+
* @event
|
|
330
|
+
* @blazorProperty 'Destroyed'
|
|
331
|
+
*/
|
|
332
|
+
destroyed?: EmitType<Object>;
|
|
333
333
|
|
|
334
334
|
/**
|
|
335
|
-
* Triggers when key press is successful. It helps to customize the operations at key press.
|
|
336
|
-
* @event
|
|
337
|
-
* @blazorProperty 'OnKeyPress'
|
|
338
|
-
*/
|
|
339
|
-
keyPress?: EmitType<NodeKeyPressEventArgs>;
|
|
335
|
+
* Triggers when key press is successful. It helps to customize the operations at key press.
|
|
336
|
+
* @event
|
|
337
|
+
* @blazorProperty 'OnKeyPress'
|
|
338
|
+
*/
|
|
339
|
+
keyPress?: EmitType<NodeKeyPressEventArgs>;
|
|
340
340
|
|
|
341
341
|
/**
|
|
342
|
-
* Triggers when the TreeView node is checked/unchecked successfully.
|
|
343
|
-
* @event
|
|
344
|
-
* @blazorProperty 'NodeChecked'
|
|
345
|
-
*/
|
|
346
|
-
nodeChecked?: EmitType<NodeCheckEventArgs>;
|
|
342
|
+
* Triggers when the TreeView node is checked/unchecked successfully.
|
|
343
|
+
* @event
|
|
344
|
+
* @blazorProperty 'NodeChecked'
|
|
345
|
+
*/
|
|
346
|
+
nodeChecked?: EmitType<NodeCheckEventArgs>;
|
|
347
347
|
|
|
348
348
|
/**
|
|
349
|
-
* Triggers before the TreeView node is to be checked/unchecked.
|
|
350
|
-
* @event
|
|
351
|
-
* @blazorProperty 'NodeChecking'
|
|
352
|
-
*/
|
|
353
|
-
nodeChecking?: EmitType<NodeCheckEventArgs>;
|
|
349
|
+
* Triggers before the TreeView node is to be checked/unchecked.
|
|
350
|
+
* @event
|
|
351
|
+
* @blazorProperty 'NodeChecking'
|
|
352
|
+
*/
|
|
353
|
+
nodeChecking?: EmitType<NodeCheckEventArgs>;
|
|
354
354
|
|
|
355
355
|
/**
|
|
356
|
-
* Triggers when the TreeView node is clicked successfully.
|
|
357
|
-
* @event
|
|
358
|
-
* @blazorProperty 'NodeClicked'
|
|
359
|
-
*/
|
|
360
|
-
nodeClicked?: EmitType<NodeClickEventArgs>;
|
|
356
|
+
* Triggers when the TreeView node is clicked successfully.
|
|
357
|
+
* @event
|
|
358
|
+
* @blazorProperty 'NodeClicked'
|
|
359
|
+
*/
|
|
360
|
+
nodeClicked?: EmitType<NodeClickEventArgs>;
|
|
361
361
|
|
|
362
362
|
/**
|
|
363
|
-
* Triggers when the TreeView node collapses successfully.
|
|
364
|
-
* @event
|
|
365
|
-
* @blazorProperty 'NodeCollapsed'
|
|
366
|
-
*/
|
|
367
|
-
nodeCollapsed?: EmitType<NodeExpandEventArgs>;
|
|
363
|
+
* Triggers when the TreeView node collapses successfully.
|
|
364
|
+
* @event
|
|
365
|
+
* @blazorProperty 'NodeCollapsed'
|
|
366
|
+
*/
|
|
367
|
+
nodeCollapsed?: EmitType<NodeExpandEventArgs>;
|
|
368
368
|
|
|
369
369
|
/**
|
|
370
|
-
* Triggers before the TreeView node collapses.
|
|
371
|
-
* @event
|
|
372
|
-
* @blazorProperty 'NodeCollapsing'
|
|
373
|
-
*/
|
|
374
|
-
nodeCollapsing?: EmitType<NodeExpandEventArgs>;
|
|
370
|
+
* Triggers before the TreeView node collapses.
|
|
371
|
+
* @event
|
|
372
|
+
* @blazorProperty 'NodeCollapsing'
|
|
373
|
+
*/
|
|
374
|
+
nodeCollapsing?: EmitType<NodeExpandEventArgs>;
|
|
375
375
|
|
|
376
376
|
/**
|
|
377
|
-
* Triggers when the TreeView node is dragged (moved) continuously.
|
|
378
|
-
* @deprecated
|
|
379
|
-
* @event
|
|
380
|
-
* @blazorProperty 'NodeDragging'
|
|
381
|
-
*/
|
|
382
|
-
nodeDragging?: EmitType<DragAndDropEventArgs>;
|
|
377
|
+
* Triggers when the TreeView node is dragged (moved) continuously.
|
|
378
|
+
* @deprecated
|
|
379
|
+
* @event
|
|
380
|
+
* @blazorProperty 'NodeDragging'
|
|
381
|
+
*/
|
|
382
|
+
nodeDragging?: EmitType<DragAndDropEventArgs>;
|
|
383
383
|
|
|
384
384
|
/**
|
|
385
|
-
* Triggers when the TreeView node drag (move) starts.
|
|
386
|
-
* @event
|
|
387
|
-
* @blazorProperty 'OnNodeDragStart'
|
|
388
|
-
*/
|
|
389
|
-
nodeDragStart?: EmitType<DragAndDropEventArgs>;
|
|
385
|
+
* Triggers when the TreeView node drag (move) starts.
|
|
386
|
+
* @event
|
|
387
|
+
* @blazorProperty 'OnNodeDragStart'
|
|
388
|
+
*/
|
|
389
|
+
nodeDragStart?: EmitType<DragAndDropEventArgs>;
|
|
390
390
|
|
|
391
391
|
/**
|
|
392
|
-
* Triggers when the TreeView node drag (move) is stopped.
|
|
393
|
-
* @event
|
|
394
|
-
* @blazorProperty 'OnNodeDragged'
|
|
395
|
-
*/
|
|
396
|
-
nodeDragStop?: EmitType<DragAndDropEventArgs>;
|
|
392
|
+
* Triggers when the TreeView node drag (move) is stopped.
|
|
393
|
+
* @event
|
|
394
|
+
* @blazorProperty 'OnNodeDragged'
|
|
395
|
+
*/
|
|
396
|
+
nodeDragStop?: EmitType<DragAndDropEventArgs>;
|
|
397
397
|
|
|
398
398
|
/**
|
|
399
|
-
* Triggers when the TreeView node is dropped on target element successfully.
|
|
400
|
-
* @event
|
|
401
|
-
* @blazorProperty 'NodeDropped'
|
|
402
|
-
*/
|
|
403
|
-
nodeDropped?: EmitType<DragAndDropEventArgs>;
|
|
399
|
+
* Triggers when the TreeView node is dropped on target element successfully.
|
|
400
|
+
* @event
|
|
401
|
+
* @blazorProperty 'NodeDropped'
|
|
402
|
+
*/
|
|
403
|
+
nodeDropped?: EmitType<DragAndDropEventArgs>;
|
|
404
404
|
|
|
405
405
|
/**
|
|
406
|
-
* Triggers when the TreeView node is renamed successfully.
|
|
407
|
-
* @event
|
|
408
|
-
* @blazorProperty 'NodeEdited'
|
|
409
|
-
*/
|
|
410
|
-
nodeEdited?: EmitType<NodeEditEventArgs>;
|
|
406
|
+
* Triggers when the TreeView node is renamed successfully.
|
|
407
|
+
* @event
|
|
408
|
+
* @blazorProperty 'NodeEdited'
|
|
409
|
+
*/
|
|
410
|
+
nodeEdited?: EmitType<NodeEditEventArgs>;
|
|
411
411
|
|
|
412
412
|
/**
|
|
413
|
-
* Triggers before the TreeView node is renamed.
|
|
414
|
-
* @event
|
|
415
|
-
* @blazorProperty 'NodeEditing'
|
|
416
|
-
*/
|
|
417
|
-
nodeEditing?: EmitType<NodeEditEventArgs>;
|
|
413
|
+
* Triggers before the TreeView node is renamed.
|
|
414
|
+
* @event
|
|
415
|
+
* @blazorProperty 'NodeEditing'
|
|
416
|
+
*/
|
|
417
|
+
nodeEditing?: EmitType<NodeEditEventArgs>;
|
|
418
418
|
|
|
419
419
|
/**
|
|
420
|
-
* Triggers when the TreeView node expands successfully.
|
|
421
|
-
* @event
|
|
422
|
-
* @blazorProperty 'NodeExpanded'
|
|
423
|
-
*/
|
|
424
|
-
nodeExpanded?: EmitType<NodeExpandEventArgs>;
|
|
420
|
+
* Triggers when the TreeView node expands successfully.
|
|
421
|
+
* @event
|
|
422
|
+
* @blazorProperty 'NodeExpanded'
|
|
423
|
+
*/
|
|
424
|
+
nodeExpanded?: EmitType<NodeExpandEventArgs>;
|
|
425
425
|
|
|
426
426
|
/**
|
|
427
|
-
* Triggers before the TreeView node is to be expanded.
|
|
428
|
-
* @event
|
|
429
|
-
* @blazorProperty 'NodeExpanding'
|
|
430
|
-
*/
|
|
431
|
-
nodeExpanding?: EmitType<NodeExpandEventArgs>;
|
|
427
|
+
* Triggers before the TreeView node is to be expanded.
|
|
428
|
+
* @event
|
|
429
|
+
* @blazorProperty 'NodeExpanding'
|
|
430
|
+
*/
|
|
431
|
+
nodeExpanding?: EmitType<NodeExpandEventArgs>;
|
|
432
432
|
|
|
433
433
|
/**
|
|
434
|
-
* Triggers when the TreeView node is selected/unselected successfully.
|
|
435
|
-
* @event
|
|
436
|
-
* @blazorProperty 'NodeSelected'
|
|
437
|
-
*/
|
|
438
|
-
nodeSelected?: EmitType<NodeSelectEventArgs>;
|
|
434
|
+
* Triggers when the TreeView node is selected/unselected successfully.
|
|
435
|
+
* @event
|
|
436
|
+
* @blazorProperty 'NodeSelected'
|
|
437
|
+
*/
|
|
438
|
+
nodeSelected?: EmitType<NodeSelectEventArgs>;
|
|
439
439
|
|
|
440
440
|
/**
|
|
441
|
-
* Triggers before the TreeView node is selected/unselected.
|
|
442
|
-
* @event
|
|
443
|
-
* @blazorProperty 'NodeSelecting'
|
|
444
|
-
*/
|
|
445
|
-
nodeSelecting?: EmitType<NodeSelectEventArgs>;
|
|
441
|
+
* Triggers before the TreeView node is selected/unselected.
|
|
442
|
+
* @event
|
|
443
|
+
* @blazorProperty 'NodeSelecting'
|
|
444
|
+
*/
|
|
445
|
+
nodeSelecting?: EmitType<NodeSelectEventArgs>;
|
|
446
446
|
|
|
447
447
|
}
|