Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Clipboard-Operations.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Clipboard Operations in UWP TreeGrid control | Syncfusion®
description: Learn here all about Clipboard Operations support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Clipboard Operations in UWP SfTreeGrid | Syncfusion®
description: Learn about Clipboard Operations in the Syncfusion® UWP SfTreeGrid control. Copy and paste grid data seamlessly with flexible options.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Clipboard Operations in UWP TreeGrid (SfTreeGrid)
# Clipboard Operations in UWP SfTreeGrid

SfTreeGrid provides support to the clipboard operations such as cut, copy, and paste the data within control and between other applications such as Notepad and Excel. The clipboard operations of copy and paste are enabled by default. You can copy the selected nodes/cells from tree grid by clicking `Ctrl+C` and can paste the content from [Clipboard](https://msdn.microsoft.com/en-us/library/system.windows.clipboard.aspx) to tree grid by clicking `Ctrl+V`.

Expand Down
9 changes: 5 additions & 4 deletions grid-sdk/uwp/tree-grid/ColumnTypes.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: ColumnTypes in UWP TreeGrid control | Syncfusion®
description: Learn here all about ColumnTypes support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Column Types in UWP SfTreeGrid | Syncfusion®
description: Use different column types in the Syncfusion® UWP SfTreeGrid control. Define text, numeric, date, and template columns to display data effectively.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---


# ColumnTypes in UWP TreeGrid (SfTreeGrid)
# Column Types in UWP SfTreeGrid

SfTreeGrid provides support for various built-in column types. Each column has its own properties and renderer to handle different types of data.
You can also add or override existing columns and renderers as you need.
Expand Down Expand Up @@ -619,7 +619,7 @@ Below code, sets the customized style selector to `TreeGridColumn.CellStyleSelec
{% tabs %}
{% highlight xaml %}
<Page.Resources>
<local:CustomCellStyleSelector x:Key="cellStyleSelector">
<local:CustomCellStyleSelector x:Key="cellStyleSelector"/>
</Page.Resources>
<syncfusion:SfTreeGrid Name="treeGrid"
AutoExpandMode="AllNodesExpanded"
Expand All @@ -631,6 +631,7 @@ Below code, sets the customized style selector to `TreeGridColumn.CellStyleSelec
<syncfusion:TreeGridTextColumn MappingName="ID"
CellStyleSelector="{StaticResource cellStyleSelector}" />
</syncfusion:SfTreeGrid.Columns>
</syncfusion:SfTreeGrid>
{% endhighlight %}
{% endtabs %}

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Columns.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Columns in UWP TreeGrid control | Syncfusion®
description: Learn here all about Columns support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Columns in UWP SfTreeGrid | Syncfusion®
description: Manage columns in the Syncfusion® UWP SfTreeGrid control. Automatically generate columns from data or manually define them to customize display and binding.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Columns in UWP TreeGrid (SfTreeGrid)
# Columns in UWP SfTreeGrid

SfTreeGrid allows you to add or remove columns using [SfTreeGrid.Columns](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_Columns) property. You can choose the columns to be added from built-in column types or you can create your own column and add to the `SfTreeGrid.Columns`.

Expand Down
26 changes: 13 additions & 13 deletions grid-sdk/uwp/tree-grid/Conditional-Styling.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Conditional Styling in UWP TreeGrid control | Syncfusion®
description: Learn here all about Conditional Styling support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Conditional Styling in UWP SfTreeGrid | Syncfusion®
description: Apply conditional styling in the Syncfusion® UWP SfTreeGrid control. Customize row and cell appearance based on data values or conditions.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---
# Conditional Styling in UWP TreeGrid (SfTreeGrid)
# Conditional Styling in UWP SfTreeGrid

You can style the treegrid and its inner elements conditionally based on data in three ways,

Expand Down Expand Up @@ -61,20 +61,20 @@ Here, grid cell background is changed using converter, where converter return
{% tabs %}
{% highlight xaml %}
xmlns:utils="using:Syncfusion.UI.Xaml.Utils"
<Page.Resources>;
<Page.Resources>
<local:StyleConverter x:Key="converter"/>
</Page.Resources>
<syncfusion:TreeGridTextColumn MappingName="Id" TextAlignment="Left">
<syncfusion:TreeGridTextColumn.CellStyle>
<Style TargetType="syncfusion:TreeGridCell>
<Setter Property="utils:SetterValueBindingHelper.PropertyBinding>
<Setter.Value>
<utils:SetterValueBindingHelper Property="Background" Binding="{Binding Id,Converter={StaticResource converter}}">
<Style TargetType="syncfusion:TreeGridCell">
<Setter Property="utils:SetterValueBindingHelper.PropertyBinding">
<Setter.Value>
</Setter>
</Style&gt;
<syncfusion:TreeGridTextColumn.CellStyle>
<syncfusion:TreeGridTextColumn>
<utils:SetterValueBindingHelper Property="Background" Binding="{Binding Id,Converter={StaticResource converter}}"/>
</Setter.Value>
</Setter>
</Style>
</syncfusion:TreeGridTextColumn.CellStyle>
</syncfusion:TreeGridTextColumn>
{% endhighlight %}
{% highlight c# %}
internal class StyleConverter : IValueConverter
Expand Down Expand Up @@ -235,7 +235,7 @@ You can download the sample [here](https://github.com/SyncfusionExamples/how-to-

### Style rows using converter

The record rows ([TreeGridRowControl ](]https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowControl.html)) can be customized conditionally by changing its property value based on ‘cell value’ or ‘data object’ by using converter, where converter returns the value based on underlying record.
The record rows ([TreeGridRowControl](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowControl.html)) can be customized conditionally by changing its property value based on ‘cell value’ or ‘data object’ by using converter, where converter returns the value based on underlying record.

{% tabs %}
{% highlight xaml %}
Expand Down
8 changes: 4 additions & 4 deletions grid-sdk/uwp/tree-grid/Data-Binding.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Data Binding in UWP TreeGrid control | Syncfusion®
description: Learn here all about Data Binding support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Data Binding in UWP SfTreeGrid | Syncfusion®
description: Bind data to the Syncfusion® UWP SfTreeGrid control. Supports hierarchical collections and enables displaying structured data seamlessly.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Data Binding in UWP TreeGrid (SfTreeGrid)
# Data Binding in UWP SfTreeGrid

SfTreeGrid is designed to display the self-relational and hierarchical data in tree structure with columns. The data binding can be achieved by assigning the data source to [SfTreeGrid.ItemsSource](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_ItemsSource) property directly through self-relational binding or nested collection or retrieving the parent and child nodes items dynamically with [RequestTreeItems](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_RequestTreeItems).
If the data source implements [INotifyCollectionChanged](https://learn.microsoft.com/en-us/dotnet/api/system.collections.specialized.inotifycollectionchanged?view=net-7.0&redirectedfrom=MSDN) interface, then SfTreeGrid control will automatically refresh the UI when item is added, removed or while list cleared. When you add, remove item in[ObservableCollection](https://learn.microsoft.com/en-us/dotnet/api/system.collections.objectmodel.observablecollection-1?view=net-7.0&redirectedfrom=MSDN)`, SfTreeGrid automatically refresh the UI as `ObservableCollection’ implements `INotifyCollectionChanged`. But when you do the same in [List](https://learn.microsoft.com/en-us/dotnet/api/system.collections.generic.list-1?view=net-7.0&redirectedfrom=MSDN), SfTreeGrid will not refresh the UI automatically.
Expand Down Expand Up @@ -483,7 +483,7 @@ This event receives two arguments namely sender that handles SfTreeGrid and 
The `GridItemsSourceChangedEventArgs` object contains the following properties:

* `OldItemsSource` - Gets the value of old data source
* `NewItemsSource` - Get the value of new data source
* `NewItemsSource` - Gets the value of new data source

## View

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Data-Validation.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Data Validation in UWP TreeGrid control | Syncfusion®
description: Learn here all about Data Validation support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Data Validation in UWP SfTreeGrid | Syncfusion®
description: Validate data in the Syncfusion® UWP SfTreeGrid control. Supports built‑in and custom validation rules to ensure accurate input and maintain data integrity.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Data Validation in UWP TreeGrid (SfTreeGrid)
# Data Validation in UWP SfTreeGrid

SfTreeGrid allows you to validate the data and display hints in case of validation is not passed. In case of invalid data, error icon is displayed at the top right corner of [TreeGridCell](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridCell.html). When mouse over the error icon, error information will be displayed in tooltip.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Editing.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Editing in UWP TreeGrid control | Syncfusion®
description: Learn here all about Editing support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Editing in UWP SfTreeGrid | Syncfusion®
description: Edit data in the Syncfusion® UWP SfTreeGrid control. Enter edit mode with keys or taps and control cursor placement using selection behaviors.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---



# Editing in UWP TreeGrid (SfTreeGrid)
# Editing in UWP SfTreeGrid

SfTreeGrid provides support for editing and it can be enabled or disabled by setting [SfTreeGrid.AllowEditing](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_AllowEditing) property.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Export-To-Excel.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Export To Excel in UWP TreeGrid control | Syncfusion®
description: Learn here all about Export To Excel support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Export to Excel in UWP SfTreeGrid | Syncfusion®
description: Export data from the Syncfusion® UWP SfTreeGrid control to Excel. Supports exporting hierarchical data with options for customization.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Export To Excel in UWP TreeGrid (SfTreeGrid)
# Export to Excel in UWP SfTreeGrid

SfTreeGrid provides support to export the data to Excel file. This also provides support to export the headers and stacked headers. This maintains the sorting and filtering process when exporting.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Export-To-PDF.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Export To PDF in UWP TreeGrid control | Syncfusion®
description: Learn here all about Export To PDF support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Export to PDF in UWP SfTreeGrid | Syncfusion®
description: Export data from the Syncfusion® UWP SfTreeGrid control to PDF. Supports exporting hierarchical data with options for customization.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Export To PDF in UWP TreeGrid (SfTreeGrid)
# Export to PDF in UWP SfTreeGrid

SfTreeGrid provides support to export the data to PDF file. This also provides support to export the headers and stacked headers. This maintains the sorting and filtering processes when exporting.

Expand Down
10 changes: 5 additions & 5 deletions grid-sdk/uwp/tree-grid/Filtering.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Filtering in UWP TreeGrid control | Syncfusion®
description: Learn here all about Filtering support in Syncfusion® Essential UWP TreeGrid (SfTreeGrid) control, its elements, and more.
title: Filtering in UWP SfTreeGrid | Syncfusion®
description: Filter data in the Syncfusion® UWP SfTreeGrid control. Supports built‑in filter options and customization to refine and display hierarchical data effectively.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Filtering in UWP TreeGrid (SfTreeGrid)
# Filtering in UWP SfTreeGrid

## Overview

Expand All @@ -16,7 +16,7 @@ SfTreeGrid provides support for programmatic filtering. It can be achieved by se
{% tabs %}
{% highlight c# %}

public bool FilerNodes(object o)
public bool FilterNodes(object o)
{
var data = o as Employee;

Expand All @@ -27,7 +27,7 @@ public bool FilerNodes(object o)

private void Button_Click(object sender, RoutedEventArgs e)
{
treeGrid.View.Filter = FilerNodes;
treeGrid.View.Filter = FilterNodes;
treeGrid.View.RefreshFilter();
}

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting Started with UWP TreeGrid control | Syncfusion®
description: Learn here about getting started with Syncfusion® UWP TreeGrid (SfTreeGrid) control, its elements and more.
title: Getting Started with UWP SfTreeGrid | Syncfusion®
description: Learn how to get started with the Syncfusion® UWP SfTreeGrid control. Explore setup, features, examples, and customization options.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Getting Started with UWP TreeGrid (SfTreeGrid)
# Getting Started with UWP SfTreeGrid

The SfTreeGrid is a data oriented control that displays the self-relational and hierarchical data in tree structure with columns. The data can be loaded on-demand also.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Helpers.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Helpers in UWP TreeGrid control | Syncfusion®
description: Learn here all about Helpers support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Helpers in UWP SfTreeGrid | Syncfusion®
description: Learn about helpers in the Syncfusion® UWP SfTreeGrid control. Use index resolver to get node indexes and manage disposal.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Helpers in UWP TreeGrid (SfTreeGrid)
# Helpers in UWP SfTreeGrid

## IndexResolver

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Interactive-Features.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Interactive feature | TreeGrid | UWP | Syncfusion®
description: This section explains about the Interactive Features in SfTreeGrid.
title: Interactive Features in UWP SfTreeGrid | Syncfusion®
description: Add interactive features in the Syncfusion® UWP SfTreeGrid control. Supports context menus for nodes, rows, headers, and expanders with customization options.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Interactive Features
# Interactive Features in UWP SfTreeGrid

## Context menu

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Localization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Localization in UWP TreeGrid control | Syncfusion®
description: Learn here all about Localization support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Localization in UWP SfTreeGrid | Syncfusion®
description: Localize the Syncfusion® UWP SfTreeGrid control. Supports changing culture, language, and text resources to deliver region‑specific user experiences.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# Localization in UWP TreeGrid (SfTreeGrid)
# Localization in UWP SfTreeGrid

Localization is the process of translating the application resources into different language for the specific cultures. You can localize the treegrid by adding resource file. Application culture can be changed by setting [CurrentUICulture](https://msdn.microsoft.com/en-us/library/system.globalization.cultureinfo.currentuiculture.aspx) before InitializeComponent method.

Expand Down
13 changes: 6 additions & 7 deletions grid-sdk/uwp/tree-grid/MVVM.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: MVVM in UWP TreeGrid control | Syncfusion®
description: Learn here all about MVVM support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: MVVM in UWP SfTreeGrid | Syncfusion®
description: Apply the MVVM pattern in the Syncfusion® UWP SfTreeGrid control with support for data binding, commands, and structured application development.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---

# MVVM in UWP TreeGrid (SfTreeGrid)
# MVVM in UWP SfTreeGrid

This section explains various MVVM requirements using SfTreeGrid.

Expand Down Expand Up @@ -165,14 +165,13 @@ Refer to the following code example in which the treegrid column is populated
{
this.Employees = GetEmployeesDetails();
rowDataCommand = new RelayCommand(ChangeCanExecute);
this.sfGridColumns = new TreeGridColumns();
this.sfGridColumns = new TreeGridColumns();
sfGridColumns.Add(new TreeGridTextColumn() { MappingName = "FirstName" });
sfGridColumns.Add(new TreeGridTextColumn() { MappingName = "LastName" });
sfGridColumns.Add(new TreeGridTextColumn() { MappingName = "Id" });
sfGridColumns.Add(new TreeGridTextColumn() { MappingName = "DOB" }); }


sfGridColumns.Add(new TreeGridTextColumn() { MappingName = "DOB" });
}

#endregion
}
{% endhighlight %}
Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Node-CheckBox.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Node CheckBox in UWP TreeGrid control | Syncfusion®
description: Learn here all about Node CheckBox support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more.
title: Node CheckBox in UWP SfTreeGrid | Syncfusion®
description: Add checkboxes to nodes in the Syncfusion® UWP SfTreeGrid control. Supports selecting, toggling, and customizing node check states for hierarchical data.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---
# Node CheckBox in UWP TreeGrid (SfTreeGrid)
# Node CheckBox in UWP SfTreeGrid

SfTreeGrid provides support for loading `CheckBox` in the expander cell of each node, which allows the user to check/uncheck the corresponding node. You can display check box in each node by setting [SfTreeGrid.ShowCheckBox](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_ShowCheckBox) property as `true`. It also provides support to process the selection in the context of state of the checkbox based on [SfTreeGrid.CheckBoxSelectionMode](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_CheckBoxSelectionMode) property.

Expand Down
6 changes: 3 additions & 3 deletions grid-sdk/uwp/tree-grid/Row-Drag-And-Drop.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Row Drag and Drop in UWP TreeGrid Control | Syncfusion®
description: Learn here all about row drag and drop support in Syncfusion® Essential® UWP TreeGrid control, it's elements and more.
title: Row Drag and Drop in UWP SfTreeGrid | Syncfusion®
description: Drag and drop rows in the Syncfusion® UWP SfTreeGrid control to reorder, move between nodes, and customize drag‑drop behavior.
platform: grid-sdk
control: SfTreeGrid
documentation: ug
---
# Row Drag and Drop in UWP TreeGrid
# Row Drag and Drop in UWP SfTreeGrid

You can allow end-users to drag and drop the rows in SfTreeGrid and between two SfTreeGrid by setting [SfTreeGrid.AllowDraggingRows](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_AllowDraggingRows) to `true`.It is also possible to drag and drop to and from any other control.

Expand Down
Loading