You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: aspnet/TreeView/Checkboxes.md
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -1,13 +1,13 @@
1
1
---
2
2
title: Checkboxes in TreeView | TreeView | ASP.NET | Syncfusion
3
-
description: Specify checkboxes in TreeView and its settings
3
+
description: Learn here about specifying checkboxes in Syncfusion ASP.NET TreeView control, its settings and more.
4
4
platform: aspnet
5
5
control: TreeView
6
6
documentation: UG
7
7
keywords: TreeView, Syncfusion, ASP Web TreeView UG Doc, Checkboxes
8
8
---
9
9
10
-
# Checkboxes
10
+
# Checkboxes in ASP.NET TreeView Control
11
11
12
12
TreeView consists of built-in checkbox option and it can be displayed to the left of the tree node by setting the **ShowCheckbox** property as true. It allows you to select more than one node at a time.
13
13
@@ -80,7 +80,7 @@ You can use [isNodeChecked](https://help.syncfusion.com/api/js/ejtreeview#method
80
80
81
81
## Get Checked Nodes
82
82
83
-
To get checked nodes of TreeView, you can use [getCheckedNodes](http://help.syncfusion.com/js/api/ejtreeview#methods:getcheckednodes) method. It returns the collection of checked tree nodes. Also you can get currently checked nodes indexes in TreeView by using [getCheckedNodesIndex](https://help.syncfusion.com/api/js/ejtreeview#methods:getcheckednodesindex) method.
83
+
To get checked nodes of TreeView, you can use [getCheckedNodes](https://help.syncfusion.com/api/js/ejtreeview#methods:getcheckednodes) method. It returns the collection of checked tree nodes. Also you can get currently checked nodes indexes in TreeView by using [getCheckedNodesIndex](https://help.syncfusion.com/api/js/ejtreeview#methods:getcheckednodesindex) method.
Copy file name to clipboardExpand all lines: aspnet/TreeView/How-To.md
+6-6Lines changed: 6 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -1,17 +1,17 @@
1
1
---
2
2
title: How To | TreeView | ASP.NET | Syncfusion
3
-
description: How to do - section for TreeView
3
+
description: Learn here about how to do section for TreeView control in Syncfusion ASP.NET its elements, and more.
4
4
platform: aspnet
5
5
control: TreeView
6
6
documentation: UG
7
7
keywords: TreeView, Syncfusion, ASP Web TreeView UG Doc, How To
8
8
---
9
9
10
-
# How To
10
+
# How To in ASP.NET TreeView Control
11
11
12
12
## Update the modified data from tree to database.
13
13
14
-
TreeView allows us to get the updated tree data after performing such operation like node editing, drag and drop, add and remove node. Using [getTreeData](http://help.syncfusion.com/js/api/ejtreeview#methods:gettreedata) method you can get the updated tree data.
14
+
TreeView allows us to get the updated tree data after performing such operation like node editing, drag and drop, add and remove node. Using [getTreeData](https://help.syncfusion.com/api/js/ejtreeview#methods:gettreedata) method you can get the updated tree data.
15
15
16
16
Refer the following code block to know how to get updated data from TreeView.
17
17
@@ -292,12 +292,12 @@ Define menu events in the script as follows,
292
292
293
293
The output for the context menu for TreeView control is as follows.

296
296
297
297
298
298
## Sorted data using refresh method
299
299
300
-
TreeView allows you to refresh the entire tree data using [refresh](http://help.syncfusion.com/js/api/ejtreeview#methods:refresh) method. Refer the below code block to know how to sort entire tree data using refresh method.
300
+
TreeView allows you to refresh the entire tree data using [refresh](https://help.syncfusion.com/api/js/ejtreeview#methods:refresh) method. Refer the below code block to know how to sort entire tree data using refresh method.
301
301
302
302
In the code behind page, create a data list which contains the details about tree nodes and map the list data to DataSource property of TreeView.
303
303
@@ -732,7 +732,7 @@ TreeView allows us to bind and update tree data in mapped data component while a
732
732
733
733
## Set tooltip for TreeView nodes
734
734
735
-
TreeView allows you to set tooltip option to TreeView nodes using [fields.linkAttribute](http://help.syncfusion.com/js/api/ejtreeview#members:fields-linkattribute) property of TreeView. Refer the below code block to know how to set tooltip for TreeView nodes.
735
+
TreeView allows you to set tooltip option to TreeView nodes using [fields.linkAttribute](https://help.syncfusion.com/api/js/ejtreeview#members:fields-linkattribute) property of TreeView. Refer the below code block to know how to set tooltip for TreeView nodes.
736
736
737
737
In the code behind page, create a data list which contains the details about tree nodes and map the list data to DataSource property of TreeView.
Copy file name to clipboardExpand all lines: aspnet/TreeView/Template-Option.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -1,16 +1,16 @@
1
1
---
2
2
title: Template Option| TreeView | ASP.NET | Syncfusion
3
-
description: Rendering TreeView using Template option
3
+
description: Rendering TreeView using Template option in Syncfusion ASP.NET TreeView control, its elements and more.
4
4
platform: aspnet
5
5
control: TreeView
6
6
documentation: UG
7
7
keywords: TreeView, Syncfusion, ASP Web TreeView UG Doc, Template Option
8
8
---
9
9
10
10
11
-
# Template Option
11
+
# Template Option in ASP.NET TreeView Control
12
12
13
-
Tree nodes can be customized by using '**Template**' property. Treeview template option requires addition JS library called '**JsRender**', which helps to create the structured way of tree nodes with simple codes and increased performance. To know more about JsRender - [http://www.jsviews.com/](http://www.jsviews.com/#).
13
+
Tree nodes can be customized by using '**Template**' property. Treeview template option requires addition JS library called '**JsRender**', which helps to create the structured way of tree nodes with simple codes and increased performance. To know more about JsRender - [https://www.jsviews.com/](https://www.jsviews.com/).
14
14
15
15
In the code behind page, create a data list which contains the details about tree nodes and map the list data to DataSource property of TreeView.
16
16
@@ -180,7 +180,7 @@ In the view page, specify template format and add TreeView element
180
180
181
181
**Custom action in nodes**
182
182
183
-
You can able to perform custom action in TreeView template node. You can able to perform node delete operation while clicking delete icon by using [removeNode](http://help.syncfusion.com/js/api/ejtreeview#methods:removenode) method of TreeView as shown in below code example.
183
+
You can able to perform custom action in TreeView template node. You can able to perform node delete operation while clicking delete icon by using [removeNode](https://help.syncfusion.com/api/js/ejtreeview#methods:removenode) method of TreeView as shown in below code example.
Copy file name to clipboardExpand all lines: aspnet/TreeView/Tree-Node.md
+19-19Lines changed: 19 additions & 19 deletions
Original file line number
Diff line number
Diff line change
@@ -1,13 +1,13 @@
1
1
---
2
2
title: Tree Node manipulation | TreeView | ASP.NET | Syncfusion
3
-
description: Handling node operations in TreeView
3
+
description: Learn here about handling node operations in Syncfusion ASP.NET TreeView control, its elementa and more.
4
4
platform: aspnet
5
5
control: TreeView
6
6
documentation: UG
7
7
keywords: TreeView, Syncfusion, ASP Web TreeView UG Doc, Tree Node
8
8
---
9
9
10
-
# Tree Node
10
+
# Tree Node in ASP.NET TreeView Control
11
11
12
12
TreeView node is structured with expand/ collapse arrow, checkbox, image and text as shown in below.
13
13
@@ -121,7 +121,7 @@ Selected state of the node
121
121
122
122
TreeView provides a set of options to configure all its properties by setting and getting values at initialization or dynamically.
123
123
124
-
To get the node value, you can use [getNode](http://help.syncfusion.com/js/api/ejtreeview#methods:getnode) method as shown in the below code example, in which on button click action the node value has been retrieved.
124
+
To get the node value, you can use [getNode](https://help.syncfusion.com/api/js/ejtreeview#methods:getnode) method as shown in the below code example, in which on button click action the node value has been retrieved.
125
125
Also you can get the text value of tree node by using [getText](https://help.syncfusion.com/api/js/ejtreeview#methods:gettext) method.
126
126
127
127
In the code behind page, create a data list which contains the details about tree nodes and map the list data to the DataSource property of TreeView.
@@ -194,9 +194,9 @@ In the ASPX page, specify following method in script tag to get node value of tr
194
194
195
195
{% endhighlight %}
196
196
197
-
N>**Existing TreeView instance can be created by [jQuery.data()](http://api.jquery.com/jQuery.data/#) and you can control the API’s of TreeView behavior**
197
+
N>**Existing TreeView instance can be created by [jQuery.data()](https://api.jquery.com/jQuery.data/) and you can control the API’s of TreeView behavior**
198
198
199
-
To edit the node text, you can use [updateText](http://help.syncfusion.com/js/api/ejtreeview#methods:updatetext) method as shown in below code example.
199
+
To edit the node text, you can use [updateText](https://help.syncfusion.com/api/js/ejtreeview#methods:updatetext) method as shown in below code example.
200
200
201
201
{% highlight html %}
202
202
@@ -218,7 +218,7 @@ To edit the node text, you can use [updateText](http://help.syncfusion.com/js/ap
218
218
219
219
## Get Parent Node
220
220
221
-
To get current parent node of a particular node, you can use the [getParent](http://help.syncfusion.com/js/api/ejtreeview#methods:getparent) method as shown in below code example.
221
+
To get current parent node of a particular node, you can use the [getParent](https://help.syncfusion.com/api/js/ejtreeview#methods:getparent) method as shown in below code example.
222
222
223
223
{% highlight html %}
224
224
@@ -237,7 +237,7 @@ To get current parent node of a particular node, you can use the [getParent](htt
237
237
238
238
## Get Node Index
239
239
240
-
To get node index, you can use the [getNodeIndex](http://help.syncfusion.com/js/api/ejtreeview#methods:getnodeindex) as shown in below code example.
240
+
To get node index, you can use the [getNodeIndex](https://help.syncfusion.com/api/js/ejtreeview#methods:getnodeindex) as shown in below code example.
241
241
242
242
You can use [getNodeByIndex](https://help.syncfusion.com/api/js/ejtreeview#methods:getnodebyindex) method to get TreeView node by using index position.
243
243
@@ -265,7 +265,7 @@ You can perform following operation in tree nodes and the modified node values c
265
265
266
266
### Add or Remove nodes
267
267
268
-
To add/ remove nodes programmatically, use [addNode](http://help.syncfusion.com/js/api/ejtreeview#methods:addnode) and [removeNode](http://help.syncfusion.com/js/api/ejtreeview#methods:removenode) methods of the TreeView.
268
+
To add/ remove nodes programmatically, use [addNode](https://help.syncfusion.com/api/js/ejtreeview#methods:addnode) and [removeNode](https://help.syncfusion.com/api/js/ejtreeview#methods:removenode) methods of the TreeView.
269
269
270
270
{% highlight javascript %}
271
271
@@ -281,7 +281,7 @@ To add/ remove nodes programmatically, use [addNode](http://help.syncfusion.com
281
281
282
282
{% endhighlight %}
283
283
284
-
You can able to add a new node after or before some TreeView node by using [insertAfter](http://help.syncfusion.com/js/api/ejtreeview#methods:insertafter) and [insertBefore](http://help.syncfusion.com/js/api/ejtreeview#methods:insertbefore) methods.
284
+
You can able to add a new node after or before some TreeView node by using [insertAfter](https://help.syncfusion.com/api/js/ejtreeview#methods:insertafter) and [insertBefore](https://help.syncfusion.com/api/js/ejtreeview#methods:insertbefore) methods.
285
285
286
286
{% highlight javascript %}
287
287
@@ -301,7 +301,7 @@ You can able to add a new node after or before some TreeView node by using [inse
301
301
302
302
### Move node
303
303
304
-
You can also achieve cut and paste operation by using [moveNode](http://help.syncfusion.com/js/api/ejtreeview#methods:movenode) method.
304
+
You can also achieve cut and paste operation by using [moveNode](https://help.syncfusion.com/api/js/ejtreeview#methods:movenode) method.
305
305
306
306
{% highlight javascript %}
307
307
@@ -329,43 +329,43 @@ Tree nodes can be expanded or collapsed by clicking the expand/ collapse icon of
Also you can get all the expanded nodes index in tree by using [getExpandedNodesIndex](http://help.syncfusion.com/js/api/ejtreeview#methods:getexpandednodesindex) method, which returns the array of expanded node indices.
364
+
Also you can get all the expanded nodes index in tree by using [getExpandedNodesIndex](https://help.syncfusion.com/api/js/ejtreeview#methods:getexpandednodesindex) method, which returns the array of expanded node indices.
365
365
366
366
### Prevent multiple node expand
367
367
368
-
You can able to prevent multiple expand of TreeView nodes by specifying [enableMultipleExpand](http://help.syncfusion.com/js/api/ejtreeview#members:enablemultipleexpand) as false.
368
+
You can able to prevent multiple expand of TreeView nodes by specifying [enableMultipleExpand](https://help.syncfusion.com/api/js/ejtreeview#members:enablemultipleexpand) as false.
369
369
370
370
For example, if you want to allow only one node to be expanded in TreeView at a time. Refer the below code block for more details.
371
371
@@ -385,7 +385,7 @@ For example, if you want to allow only one node to be expanded in TreeView at a
385
385
386
386
### Get updated node collection
387
387
388
-
You can get the updated node values after manipulating or editing the node of TreeView to save at server end by using [getTreeData](http://help.syncfusion.com/js/api/ejtreeview#methods:gettreedata) method. It returns the JSON data represented as in tree with modified structure.
388
+
You can get the updated node values after manipulating or editing the node of TreeView to save at server end by using [getTreeData](https://help.syncfusion.com/api/js/ejtreeview#methods:gettreedata) method. It returns the JSON data represented as in tree with modified structure.
389
389
390
390
You can also get the updated data source for remote data binding after performing the operation like editing, selecting/unselecting, expanding/collapsing, checking/unchecking and removing node. You cannot get the updated data source when you perform operation like drag and drop, adding node for remote data binding.
391
391
@@ -404,7 +404,7 @@ The updated data source also contains custom attributes if you return these from
404
404
405
405
## Editing
406
406
407
-
You can directly edit the tree node’s text in-place by double-click on the tree node or select the tree node and press F2 key. The editing works only if the [allowEditing](http://help.syncfusion.com/js/api/ejtreeview#members:allowediting) property is true in TreeView control. When editing is completed by focus out or “enter” key press, the modified node’s text is saved automatically. The [nodeEdit](https://help.syncfusion.com/api/js/ejtreeview#events:nodeedit) event will be triggered whenever edited the TreeView node.
407
+
You can directly edit the tree node’s text in-place by double-click on the tree node or select the tree node and press F2 key. The editing works only if the [allowEditing](https://help.syncfusion.com/api/js/ejtreeview#members:allowediting) property is true in TreeView control. When editing is completed by focus out or “enter” key press, the modified node’s text is saved automatically. The [nodeEdit](https://help.syncfusion.com/api/js/ejtreeview#events:nodeedit) event will be triggered whenever edited the TreeView node.
408
408
Also [beforeEdit](https://help.syncfusion.com/api/js/ejtreeview#events:beforeedit) event will be triggered before the TreeView node change into editing mode.
409
409
410
410
{% highlight html %}
@@ -423,7 +423,7 @@ Also [beforeEdit](https://help.syncfusion.com/api/js/ejtreeview#events:beforeedi
423
423
424
424
## Selection
425
425
426
-
You can select a specific node by using [selectedNode](http://help.syncfusion.com/js/api/ejtreeview#members:selectednode) property or [selectNode](http://help.syncfusion.com/js/api/ejtreeview#methods:selectnode) method. To get the selected status of a given TreeView node you have to use [isSelected](https://help.syncfusion.com/api/js/ejtreeview#methods:isselected) method.
426
+
You can select a specific node by using [selectedNode](https://help.syncfusion.com/api/js/ejtreeview#members:selectednode) property or [selectNode](https://help.syncfusion.com/api/js/ejtreeview#methods:selectnode) method. To get the selected status of a given TreeView node you have to use [isSelected](https://help.syncfusion.com/api/js/ejtreeview#methods:isselected) method.
427
427
The [nodeClick](https://help.syncfusion.com/api/js/ejtreeview#events:nodeclick) event will be triggered whenever TreeView node is clicked. The [beforeSelect](https://help.syncfusion.com/api/js/ejtreeview#events:beforeselect) event will be triggered before the TreeView node is selected.
428
428
The [nodeSelect](https://help.syncfusion.com/api/js/ejtreeview#events:nodeselect)/[nodeUnselect](https://help.syncfusion.com/api/js/ejtreeview#events:nodeunselect) events will be triggered based on the TreeView node click operations.
0 commit comments