Skip to content
Merged
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 wpf/DataGrid/Columns.md
Original file line number Diff line number Diff line change
Expand Up @@ -597,8 +597,8 @@ public string Country
[DisplayFormat(DataFormatString = "yyyy")]
public DateTime OrderDate
{
get { return _orderDate; }
set { orderDate = value; }
get { return _orderDate; }
set { _orderDate = value; }
}
{% endhighlight %}
{% endtabs %}
Expand Down Expand Up @@ -928,7 +928,7 @@ You can freeze the columns in view at the left and right side like in excel by s
{% endhighlight %}
{% endtabs %}

![Frezzing Columns in WPF DataGrid](columns_images/wpf-datagrid-freezing.png)
![Freezing Columns in WPF DataGrid](columns_images/wpf-datagrid-freezing.png)

### Limitations

Expand Down
2 changes: 1 addition & 1 deletion wpf/DataGrid/Filtering.md
Original file line number Diff line number Diff line change
Expand Up @@ -710,7 +710,7 @@ void dataGrid_FilterItemsPopulated(object sender, GridFilterItemsPopulatedEventA

if (e.Column.MappingName == "OrderID")
{
var itemsSource = e.ItemsSource as List<FilterElement>;
var itemsSource = e.ItemsSource as List<FilterElement>;

//Get the FilterElement to Remove from itemsSource.
var filterElement = itemsSource.FirstOrDefault(items => items.ActualValue.Equals(1005));
Expand Down
14 changes: 7 additions & 7 deletions wpf/DataGrid/Paging.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Follow the below steps to bind SfDataGrid with SfDataPager.

2. Set [SfDataPager.PageSize](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_PageSize) property to specify the number of records to be displayed per page.

3. Bind [SfDataPager.PagedSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_PagedSource) to [SfDataGrid.ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_ItemsSource) property. So whenever the page is changed, `PagedSource` will be update based on current page.
3. Bind [SfDataPager.PagedSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Controls.DataPager.SfDataPager.html#Syncfusion_UI_Xaml_Controls_DataPager_SfDataPager_PagedSource) to [SfDataGrid.ItemsSource](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_ItemsSource) property. So whenever the page is changed, `PagedSource` will be updated based on the current page.

{% capture codesnippet1 %}
{% tabs %}
Expand Down Expand Up @@ -123,7 +123,7 @@ public class OrderInfo
{% endcapture %}
{{ codesnippet1 | OrderList_Indent_Level_1 }}

![WPF DataGrid diplays Multiple Pages using SfDataPager](paging_images/wpf-datagrid-multiple-page.png)
![WPF DataGrid displays Multiple Pages using SfDataPager](paging_images/wpf-datagrid-multiple-page.png)

#### Limitations

Expand Down Expand Up @@ -483,7 +483,7 @@ private void dataPager_OnDemandLoading(object sender, Syncfusion.UI.Xaml.Control
{% endtabs %}


![WPF DataGrid displys Sorting with loaded DataPager](paging_images/wpf-datagrid-sorting.png)
![WPF DataGrid displays Sorting with loaded DataPager](paging_images/wpf-datagrid-sorting.png)

### Loading ItemsSource for page using async and await

Expand Down Expand Up @@ -565,7 +565,7 @@ public class EmployeeInfoRepository


### Limitations
1. UI Filtering is not supported. You can code in application level to filter the data.
2. Data processing operations (Sorting, Grouping) are done only in the current page.
3. Deleting is not supported. You can code to delete row in application level.
4. Only the navigated pages are exported when `OnDemandPaging’ is enabled, if the navigated page cache is cleared then the corresponding page will not be exported.
1. UI Filtering is not supported. You can code at the application level to filter the data.
2. Data processing operations (Sorting, Grouping) are done only on the current page.
3. Deleting is not supported. You can code to delete a row at the application level.
4. Only the navigated pages are exported when `OnDemandPaging` is enabled, if the navigated page cache is cleared then the corresponding page will not be exported.
2 changes: 1 addition & 1 deletion wpf/DataGrid/Sorting.md
Original file line number Diff line number Diff line change
Expand Up @@ -190,7 +190,7 @@ In the below code snippet, `CustomerName` property is compared based on its stri

{% tabs %}
{% highlight c# %}
Public class CustomComparer:IComparer<object>,ISortDirection
public class CustomComparer : IComparer<object>, ISortDirection
{
public int Compare(object x, object y)
{
Expand Down
10 changes: 5 additions & 5 deletions wpf/TreeGrid/Column-Type.md
Original file line number Diff line number Diff line change
Expand Up @@ -218,7 +218,7 @@ In the below code snippet, `TreeGridCurrencyColumn` is loaded with `ProgressBar`
![WPF TreeGrid Column with ProgressBar](ColumnTypes_images/wpf-treegrid-with-progressbar.png)


`CellTemplate` is not support by [TreeGridHyperlinkColumn](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridHyperlinkColumn.html) and[TreeGridCheckBoxColumn](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridCheckBoxColumn.html) columns.
`CellTemplate` is not support by [TreeGridHyperlinkColumn](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridHyperlinkColumn.html) and [TreeGridCheckBoxColumn](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridCheckBoxColumn.html) columns.

#### Reusing same DataTemplate for multiple columns

Expand Down Expand Up @@ -264,7 +264,7 @@ You can use the same [DataTemplate](https://docs.microsoft.com/en-us/uwp/api/Win

#### Setting CellTemplate based on custom logic using TemplateSelector

`TreeGridColumn` provides support to choose different[DataTemplate](https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.DataTemplate?redirectedfrom=MSDN&view=winrt-20348) based on underlying data object using [TreeGridColumn.CellTemplateSelector](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumnBase.html#Syncfusion_UI_Xaml_Grid_GridColumnBase_CellTemplateSelector) property.
`TreeGridColumn` provides support to choose different [DataTemplate](https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.DataTemplate?redirectedfrom=MSDN&view=winrt-20348) based on underlying data object using [TreeGridColumn.CellTemplateSelector](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumnBase.html#Syncfusion_UI_Xaml_Grid_GridColumnBase_CellTemplateSelector) property.

For example, two different templates loaded alternatively in `Salary` column.

Expand Down Expand Up @@ -492,7 +492,7 @@ You can apply format for the column using [StringFormat](https://docs.microsoft.
{% endhighlight %}
{% endtabs %}

When column is auto-generated, you can set the 'StringFormat' by handling 'AutoGeneratingColumn' event.
When column is auto-generated, you can set the `StringFormat` by handling `AutoGeneratingColumn` event.

{% tabs %}
{% highlight c# %}
Expand Down Expand Up @@ -561,7 +561,7 @@ public class CurrencyFormatConverter : IValueConverter
{% endhighlight %}
{% endtabs %}

When column is auto-generated, you can set the `Converter` by handling [AutoGeneratingColumn](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html) event
When column is auto-generated, you can set the `Converter` by handling [AutoGeneratingColumn](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_AutoGeneratingColumn) event

{% tabs %}
{% highlight c# %}
Expand Down Expand Up @@ -784,7 +784,7 @@ TreeGridColumn allows you to change the alignment of `TreeGridCell` and `TreeGri

* Text decorations - You can [decorate](https://docs.microsoft.com/en-us/dotnet/api/system.windows.textdecorations?redirectedfrom=MSDN&view=net-5.0) column? data using [TextDecorations](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridTextColumnBase.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridTextColumnBase_TextDecorations) property.

* Text trimming - You can [trim]() the column? data using [TextTrimming](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridTextColumnBase.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridTextColumnBase_TextTrimming) property.
* Text trimming - You can [trim](https://learn.microsoft.com/en-us/dotnet/api/system.windows.texttrimming?view=windowsdesktop-7.0&viewFallbackFrom=net-5.0) the column? data using [TextTrimming](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridTextColumnBase.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridTextColumnBase_TextTrimming) property.

* Text wrapping - You can [wrap](https://docs.microsoft.com/en-us/dotnet/api/system.windows.textwrapping?redirectedfrom=MSDN&view=net-5.0) the column? data using [TextWrapping](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.TreeGridTextColumnBase.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridTextColumnBase_TextWrapping) property.

Expand Down
2 changes: 1 addition & 1 deletion wpf/TreeGrid/Columns.md
Original file line number Diff line number Diff line change
Expand Up @@ -577,7 +577,7 @@ this.treeGrid.Columns.Clear();
{% endhighlight %}
{% endtabs %}

You can remove a column using Remove and RemoveAt methods.
You can remove a column using the `Remove` and `RemoveAt` methods.

{% tabs %}
{% highlight c# %}
Expand Down
12 changes: 6 additions & 6 deletions wpf/TreeGrid/Data-Binding.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
---
layout: post
title: Data Binding in WPF TreeGrid control | Syncfusion®
description: Learn here all about Data Binding support in Syncfusion® WPF TreeGrid (SfTreeGrid) control, its elements and more.
description: Learn here all about Data Binding support in the Syncfusion® WPF TreeGrid (SfTreeGrid) control, its elements, and more.
platform: wpf
control: SfTreeGrid
documentation: ug
Expand Down Expand Up @@ -76,7 +76,7 @@ this.treeGrid.Columns.Add(new TreeGridTextColumn() {MappingName="Marks[0]"});
{% endhighlight %}
{% endtabs %}

**Limitations when binding complex property:**
**Limitations when binding indexer property:**

SfTreeGrid doesn’t support [LiveNodeUpdateMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_LiveNodeUpdateMode) - `AllowDataShaping`.

Expand Down Expand Up @@ -111,7 +111,7 @@ None defines the node is not expanded when loading. By default, root nodes only
</tr>
<tr>
<td>
RootNodeExpanded
RootNodesExpanded
</td>
<td>
Root nodes only will be expanded at the time of loading.
Expand Down Expand Up @@ -239,7 +239,7 @@ treeGrid.ExpandNode(node);
{% endhighlight %}
{% endtabs %}

### Expand all the nodes
### Expand the specific node and all its child nodes

You can expand the specific node and all its child nodes by using [SfTreeGrid.ExpandAllNodes](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_ExpandAllNodes_Syncfusion_UI_Xaml_TreeGrid_TreeNode_) methods.

Expand Down Expand Up @@ -569,4 +569,4 @@ treeGrid.View.EndInit();
N> View has properties (`EnableRecursiveChecking`, `LiveNodeUpdateMode` , `RecursiveCheckingMode`,..)that already defined in SfTreeGrid. It is recommended to set those properties via SfTreeGrid.


N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the treegrid.
N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the TreeGrid.
16 changes: 8 additions & 8 deletions wpf/TreeGrid/Editing.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
---
layout: post
title: Editing in WPF TreeGrid control | Syncfusion®
description: Learn here all about Editing support in Syncfusion® WPF TreeGrid (SfTreeGrid) control, its elements and more.
description: Learn here all about Editing support in the Syncfusion® WPF TreeGrid (SfTreeGrid) control, its elements, and more.
platform: wpf
control: SfTreeGrid
documentation: ug
Expand All @@ -27,7 +27,7 @@ SfTreeGrid provides support for editing and it can be enabled or disabled by set
{% endhighlight %}
{% endtabs %}

You can enable or disable editing for particular column by setting [TreeGridColumn.AllowEditing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumnBase.html#Syncfusion_UI_Xaml_Grid_GridColumnBase_AllowEditing) property.
You can enable or disable editing for a particular column by setting the [TreeGridColumn.AllowEditing](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.GridColumnBase.html#Syncfusion_UI_Xaml_Grid_GridColumnBase_AllowEditing) property.

{% tabs %}
{% highlight xaml %}
Expand All @@ -48,7 +48,7 @@ N> `TreeGridColumn.AllowEditing` takes higher priority than `SfTreeGrid.AllowEdi

![Editing in WPF TreeGrid](Editing_images/wpf-treegrid-editing.png)

N> It is mandatory to set the NavigationMode to Cell to enable CurrentCell navigation and editing.
N> It is mandatory to set the `NavigationMode` to `Cell` to enable `CurrentCell` navigation and editing.

## Entering into edit mode

Expand Down Expand Up @@ -77,9 +77,9 @@ this.treeGrid.EditTrigger = EditTrigger.OnTap;

When the cell enters into edit mode, cursor is placed based on [SfTreeGrid.EditorSelectionBehavior](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_EditorSelectionBehavior) property.

SelectAll ֠selects the text of edit element loaded inside cell.
`SelectAll` — selects the text of the edit element loaded inside the cell.

MoveLast ֠places the cursor at the last of edit element loaded inside cell.
`MoveLast` — places the cursor at the last position of the edit element loaded inside the cell.

{% tabs %}
{% highlight xaml %}
Expand All @@ -103,7 +103,7 @@ this.treeGrid.EditorSelectionBehavior = EditorSelectionBehavior.SelectAll;

## Support for IEditableObject

SfTreeGrid supports to commit and roll back the changes in row level when underlying data object implements [IEditableObject](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.ieditableobject?redirectedfrom=MSDN&view=net-5.0) interface.
`SfTreeGrid` supports committing and rolling back the changes in row level when underlying data object implements the [IEditableObject](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.ieditableobject?redirectedfrom=MSDN&view=net-5.0) interface.

The editing changes in a row will be committed only when user move to next row or pressing enter key in [EndEdit](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.ieditableobject.endedit?redirectedfrom=MSDN&view=net-5.0#System_ComponentModel_IEditableObject_EndEdit). Also when user press <kbd>Esc</kbd> key, then the changes made in a row will be reverted in [CancelEdit](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.ieditableobject.canceledit?redirectedfrom=MSDN&view=net-5.0#System_ComponentModel_IEditableObject_CancelEdit).

Expand Down Expand Up @@ -569,4 +569,4 @@ You can allow `UIElement` loaded inside template to handle mouse interaction in
{% endtabs %}


N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the treegrid.
N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the TreeGrid.
10 changes: 5 additions & 5 deletions wpf/TreeGrid/Filtering.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
---
---
layout: post
title: Filtering in WPF TreeGrid control | Syncfusion®
description: Learn here all about Filtering support in Syncfusion® WPF TreeGrid (SfTreeGrid) control, its elements and more.
Expand Down Expand Up @@ -58,7 +58,7 @@ View filtering can be achieved by setting the [SfTreeGrid.View.Filter](https://h
{% tabs %}
{% highlight c# %}

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

Expand All @@ -69,7 +69,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 Expand Up @@ -334,7 +334,7 @@ When the DateTime type value is bound to the {{'[TreeGridColumn](https://help.sy
</tr>
<tr>
<td>
<img src="Filtering_images/wpf-treegrid-text-filter.png" alt="Displays Text Filter in WPF TreeGrid/>
<img src="Filtering_images/wpf-treegrid-text-filter.png" alt="Displays Text Filter in WPF TreeGrid"/>
</td>
<td>
<img src="Filtering_images/wpf-treegrid-number-filter.png" alt="Displays Number Filter in WPF TreeGrid"/>
Expand Down Expand Up @@ -722,4 +722,4 @@ The filter icon style can be changed by writing style with TargetType as [Filter
![Customizing Filter Icon in WPF TreeGrid](Filtering_images/wpf-treegrid-filter-icon.png)


N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the treegrid.
N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the TreeGrid.
2 changes: 1 addition & 1 deletion wpf/TreeGrid/GridLines.md
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ this.sfTreeGrid.HeaderLinesVisibility = GridLinesVisibility.Horizontal;

## Limitations

* Grid lines customization are not supported for RowHeader.
* Grid lines customization is not supported for RowHeader.


N> You can refer to our [WPF TreeGrid](https://www.syncfusion.com/wpf-controls/treegrid) feature tour page for its groundbreaking feature representations. You can also explore our [WPF TreeGrid example](https://github.com/syncfusion/wpf-demos) to know how to render and configure the treegrid.
Loading