diff --git a/grid-sdk/uwp/pivot-table/Common/Cell-Selection.md b/grid-sdk/uwp/pivot-table/Common/Cell-Selection.md index 43435b352..619e9e611 100644 --- a/grid-sdk/uwp/pivot-table/Common/Cell-Selection.md +++ b/grid-sdk/uwp/pivot-table/Common/Cell-Selection.md @@ -1,13 +1,13 @@ --- layout: post -title: Cell Selection in UWP Pivot Grid control | Syncfusion -description: Learn here all about Cell Selection support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Cell Selection in UWP Pivot Table | Syncfusion® +description: Cell Selection in Syncfusion® UWP Pivot Table control enables selecting cells, rows, or columns with support for headers, multi-selection, and events. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Cell Selection in UWP Pivot Grid (SfPivotGrid) +# Cell Selection in UWP Pivot Table The SfPivotGrid supports cell selection. You can select grid value cells like in Microsoft Excel. This can be achieved by setting the `AllowSelection` property of the SfPivotGrid to true. diff --git a/grid-sdk/uwp/pivot-table/Common/Cell-Style-and-Template.md b/grid-sdk/uwp/pivot-table/Common/Cell-Style-and-Template.md index 899ebd9aa..d5343026b 100644 --- a/grid-sdk/uwp/pivot-table/Common/Cell-Style-and-Template.md +++ b/grid-sdk/uwp/pivot-table/Common/Cell-Style-and-Template.md @@ -1,13 +1,13 @@ --- layout: post -title: Cell Style and Template in UWP Pivot Grid control | Syncfusion -description: Learn here all about Cell Style and Template support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Cell Style and Template in UWP Pivot Table | Syncfusion® +description: Customize cell styles and templates in Syncfusion® UWP Pivot Table control to format headers, values, and summaries with colors, fonts, and custom layouts. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Cell Style and Template in UWP Pivot Grid (SfPivotGrid) +# Cell Style and Template in UWP Pivot Table ## Cell style diff --git a/grid-sdk/uwp/pivot-table/Common/Conditional-Formatting.md b/grid-sdk/uwp/pivot-table/Common/Conditional-Formatting.md index b2137375a..df8b985d8 100644 --- a/grid-sdk/uwp/pivot-table/Common/Conditional-Formatting.md +++ b/grid-sdk/uwp/pivot-table/Common/Conditional-Formatting.md @@ -1,13 +1,13 @@ --- layout: post -title: Conditional Formatting in UWP Pivot Grid control | Syncfusion -description: Learn here all about Conditional Formatting support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Conditional Formatting in UWP Pivot Table | Syncfusion® +description: Apply conditional formatting in Syncfusion® UWP Pivot Table control to highlight cells dynamically based on conditions, values, and custom styles. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Conditional Formatting in UWP Pivot Grid (SfPivotGrid) +# Conditional Formatting in UWP Pivot Table The SfPivotGrid supports conditional formatting which allows you to format the grid cells based on certain conditions. Conditional formats can be specified with the help of `ConditionalFormats` property through which required number of formatters of **PivotGridDataConditionalFormat** type can be added to the SfPivotGrid. diff --git a/grid-sdk/uwp/pivot-table/Common/Exporting.md b/grid-sdk/uwp/pivot-table/Common/Exporting.md index 5c3a8aab2..b02569d0d 100644 --- a/grid-sdk/uwp/pivot-table/Common/Exporting.md +++ b/grid-sdk/uwp/pivot-table/Common/Exporting.md @@ -1,13 +1,13 @@ --- layout: post -title: Exporting in UWP Pivot Grid control | Syncfusion -description: Learn here all about Exporting support in the Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Exporting in UWP Pivot Table | Syncfusion® +description: Export data from Syncfusion® UWP Pivot Table control to Excel, Word, PDF, and CSV formats with customizable styles for reporting and offline analysis. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Exporting in UWP Pivot Grid (SfPivotGrid) +# Exporting in UWP Pivot Table The SfPivotGrid can be exported to Microsoft Excel, Microsoft Word, PDF, and CSV file formats. By default, the grid style for export is obtained from the ExportingGridStyleInfo instance. To perform exporting operation, refer to the following assembly in the application. diff --git a/grid-sdk/uwp/pivot-table/Common/Freeze-Headers.md b/grid-sdk/uwp/pivot-table/Common/Freeze-Headers.md index 373380853..57f509ea0 100644 --- a/grid-sdk/uwp/pivot-table/Common/Freeze-Headers.md +++ b/grid-sdk/uwp/pivot-table/Common/Freeze-Headers.md @@ -1,13 +1,13 @@ --- layout: post -title: Freeze Headers in UWP Pivot Grid control | Syncfusion -description: Learn here all about Freeze Headers support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Freeze Headers in UWP Pivot Table | Syncfusion® +description: Freeze Headers in Syncfusion® UWP Pivot Table control keeps row and column headers visible during scrolling to improve readability and navigation. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Freeze Headers in UWP Pivot Grid (SfPivotGrid) +# Freeze Headers in UWP Pivot Table The SfPivotGrid provides built-in support to freeze the column and row headers. This can be achieved by setting the `FreezeHeaders` property of SfPivotGrid to `true`. diff --git a/grid-sdk/uwp/pivot-table/Common/Grouping-Bar.md b/grid-sdk/uwp/pivot-table/Common/Grouping-Bar.md index 95fbebf68..b7dfcf70c 100644 --- a/grid-sdk/uwp/pivot-table/Common/Grouping-Bar.md +++ b/grid-sdk/uwp/pivot-table/Common/Grouping-Bar.md @@ -1,13 +1,13 @@ --- layout: post -title: Grouping Bar in UWP Pivot Grid control | Syncfusion -description: Learn here all about Grouping Bar support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Grouping Bar in UWP Pivot Table | Syncfusion® +description: Grouping Bar in Syncfusion® UWP Pivot Table control lets users add, rearrange, filter, sort, and remove fields to customize data display at runtime. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Grouping Bar in UWP Pivot Grid (SfPivotGrid) +# Grouping Bar in UWP Pivot Table Grouping bar allows you to slice and dice the fields between column, row, value, and filter areas. It allows you to add, rearrange, or remove the fields to show the exact data required in the SfPivotGrid. The following are the different kinds of grouping bar available in the SfPivotGrid. diff --git a/grid-sdk/uwp/pivot-table/Common/Hyperlink-Cells.md b/grid-sdk/uwp/pivot-table/Common/Hyperlink-Cells.md index d4c727435..12098233c 100644 --- a/grid-sdk/uwp/pivot-table/Common/Hyperlink-Cells.md +++ b/grid-sdk/uwp/pivot-table/Common/Hyperlink-Cells.md @@ -1,13 +1,13 @@ --- layout: post -title: Hyperlink Cells in UWP Pivot Grid control | Syncfusion -description: Learn here all about Hyperlink Cells support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Hyperlink Cells in UWP Pivot Table | Syncfusion® +description: Hyperlink Cells in Syncfusion® UWP Pivot Table control let users click column, row, value, or summary cells to access detailed information easily. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Hyperlink Cells in UWP Pivot Grid (SfPivotGrid) +# Hyperlink Cells in UWP Pivot Table The SfPivotGrid allows hyperlinking of cells to retrieve detailed information about a particular cell. Hyperlink can be individually applied to the following cells: diff --git a/grid-sdk/uwp/pivot-table/Common/Localization.md b/grid-sdk/uwp/pivot-table/Common/Localization.md index 1a16b81a4..f70687a2b 100644 --- a/grid-sdk/uwp/pivot-table/Common/Localization.md +++ b/grid-sdk/uwp/pivot-table/Common/Localization.md @@ -1,13 +1,13 @@ --- layout: post -title: Localization in UWP Pivot Grid control | Syncfusion -description: Learn here all about Localization support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Localization in UWP Pivot Table | Syncfusion® +description: Localization in Syncfusion® UWP Pivot Table control enables resx‑based translation, culture specification, and RTL support for globalized applications. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Localization in UWP Pivot Grid (SfPivotGrid) +# Localization in UWP Pivot Table Localization is the key feature for providing software solutions targeted at global users. SfPivotGrid allows users to localize the control to a specific locale and supports “resx” based localization. diff --git a/grid-sdk/uwp/pivot-table/Common/Theming.md b/grid-sdk/uwp/pivot-table/Common/Theming.md index 0ef82a67c..735a04652 100644 --- a/grid-sdk/uwp/pivot-table/Common/Theming.md +++ b/grid-sdk/uwp/pivot-table/Common/Theming.md @@ -1,13 +1,13 @@ --- layout: post -title: Theming in UWP Pivot Grid control | Syncfusion -description: Learn here all about Theming support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Theming in UWP Pivot Table | Syncfusion® +description: Theming in Syncfusion® UWP Pivot Table control lets you apply built-in visual styles like Metro, Office, and Visual Studio themes for a customized look. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Theming in UWP Pivot Grid (SfPivotGrid) +# Theming in UWP Pivot Table Theming is the process of applying particular settings to visual elements of a control. Following built-in themes are supported in the SfPivotGrid control. diff --git a/grid-sdk/uwp/pivot-table/Common/Tooltip.md b/grid-sdk/uwp/pivot-table/Common/Tooltip.md index 7e5b3524a..8b97d00f3 100644 --- a/grid-sdk/uwp/pivot-table/Common/Tooltip.md +++ b/grid-sdk/uwp/pivot-table/Common/Tooltip.md @@ -1,13 +1,13 @@ --- layout: post -title: Tooltip in UWP Pivot Grid control | Syncfusion -description: Learn here all about Tooltip support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Tooltip in UWP Pivot Table | Syncfusion® +description: Tooltip in Syncfusion® UWP Pivot Table control displays cell information when hovering over header or value cells, improving clarity and usability. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Tooltip in UWP Pivot Grid (SfPivotGrid) +# Tooltip in UWP Pivot Table The SfPivotGrid additionally displays the cell information within a tooltip when the mouse pointer is moved over header cells or value cells. diff --git a/grid-sdk/uwp/pivot-table/OLAP/All-Level-Type-Member.md b/grid-sdk/uwp/pivot-table/OLAP/All-Level-Type-Member.md index 1051f72eb..db5ffa92f 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/All-Level-Type-Member.md +++ b/grid-sdk/uwp/pivot-table/OLAP/All-Level-Type-Member.md @@ -1,13 +1,13 @@ --- layout: post -title: All-Level Type Member in UWP Pivot Grid control | Syncfusion -description: Learn here all about All-Level Type Member support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: All-Level Type Member in UWP Pivot Table | Syncfusion® +description: All-Level Type Member in Syncfusion® UWP Pivot Table shows an all parent level across rows and columns to manage hierarchy visibility. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# All-Level Type Member in UWP Pivot Grid (SfPivotGrid) +# All-Level Type Member in UWP Pivot Table This feature enables you to display the “All” level type member across the rows and columns in the SfPivotGrid. This member behaves as parent to other members in its hierarchy by controlling their visibility through an expander. diff --git a/grid-sdk/uwp/pivot-table/OLAP/Drill-Operation.md b/grid-sdk/uwp/pivot-table/OLAP/Drill-Operation.md index a14310a47..fcecee053 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/Drill-Operation.md +++ b/grid-sdk/uwp/pivot-table/OLAP/Drill-Operation.md @@ -1,13 +1,13 @@ --- layout: post -title: Drill Operation in UWP Pivot Grid control | Syncfusion -description: Learn here all about Drill Operation support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Drill Operation in UWP Pivot Table | Syncfusion® +description: Drill Operation in Syncfusion® UWP Pivot Table control lets users drill down for detailed data or drill up for summaries, with multiple drill types supported. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Drill Operation in UWP Pivot Grid (SfPivotGrid) +# Drill Operation in UWP Pivot Table ## Drill down/Drill up diff --git a/grid-sdk/uwp/pivot-table/OLAP/Getting-Started.md b/grid-sdk/uwp/pivot-table/OLAP/Getting-Started.md index 2ad304068..0ad8244f7 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/Getting-Started.md +++ b/grid-sdk/uwp/pivot-table/OLAP/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with UWP Pivot Grid control | Syncfusion -description: This page explains how to set up and configure the Pivot Grid (SfPivotGrid) control in a UWP application. +title: Getting Started with UWP Pivot Table | Syncfusion® +description: Learn how to get started with the Syncfusion® UWP Pivot Table control. Explore setup, features, examples, and customization options. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Getting Started with UWP Pivot Grid (SfPivotGrid) +# Getting Started with UWP Pivot Table >**Important** Starting with v16.2.0.x, if you refer to Syncfusion assemblies from trial setup or from the NuGet feed, include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to learn about registering Syncfusion license key in your UWP application to use the components. diff --git a/grid-sdk/uwp/pivot-table/OLAP/Grid-Layout.md b/grid-sdk/uwp/pivot-table/OLAP/Grid-Layout.md index f49e3389d..fb574d872 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/Grid-Layout.md +++ b/grid-sdk/uwp/pivot-table/OLAP/Grid-Layout.md @@ -1,13 +1,13 @@ --- layout: post -title: Grid Layout in UWP Pivot Grid control | Syncfusion -description: Learn here all about Grid Layout support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Grid Layout in UWP Pivot Table | Syncfusion® +description: Grid Layout in Syncfusion® UWP Pivot Table control customizes summary cell positions with Normal, Excel-like, Top Summary, or No Summaries layouts. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Grid Layout in UWP Pivot Grid (SfPivotGrid) +# Grid Layout in UWP Pivot Table The position of summary cells in the SfPivotGrid can be customized with the help of `Layout` property. It can be positioned at the top or bottom of each parent member. diff --git a/grid-sdk/uwp/pivot-table/OLAP/KPI.md b/grid-sdk/uwp/pivot-table/OLAP/KPI.md index 767d52f1a..efb579b40 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/KPI.md +++ b/grid-sdk/uwp/pivot-table/OLAP/KPI.md @@ -1,13 +1,13 @@ --- layout: post -title: KPI in UWP Pivot Grid control | Syncfusion -description: Learn here all about KPI support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: KPI in UWP Pivot Table | Syncfusion® +description: KPI in Syncfusion® UWP Pivot Table control displays business metrics like goal, status, trend, and value to evaluate performance using OLAP data. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# KPI in UWP Pivot Grid (SfPivotGrid) +# KPI in UWP Pivot Table KPI (Key Performance Indicator) is a collection of calculations that are associated with a measure group in a cube and are used to evaluate business success. Typically, these calculations are a combination of multi-dimensional expressions (MDX) or calculated members. KPIs also have additional metadata that provides information about how the applications should display the results of KPIs calculations. diff --git a/grid-sdk/uwp/pivot-table/OLAP/Member-Properties.md b/grid-sdk/uwp/pivot-table/OLAP/Member-Properties.md index c1dc521f1..0fee7d9a1 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/Member-Properties.md +++ b/grid-sdk/uwp/pivot-table/OLAP/Member-Properties.md @@ -1,13 +1,13 @@ --- layout: post -title: Member Properties in UWP Pivot Grid control | Syncfusion -description: Learn here all about Member Properties support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Member Properties in UWP Pivot Table | Syncfusion® +description: Member Properties in Syncfusion® UWP Pivot Table control display details like name, parent level, and children, enabling richer OLAP data visualization. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Member Properties in UWP Pivot Grid (SfPivotGrid) +# Member Properties in UWP Pivot Table The SfPivotGrid allows binding of members along with their properties. Member properties cover the basic information about each member in each tuple. This basic information includes the member name, parent level, number of children, and so on. Member properties are available for all members at a given level. diff --git a/grid-sdk/uwp/pivot-table/OLAP/Paging.md b/grid-sdk/uwp/pivot-table/OLAP/Paging.md index c51a1e5c5..d194ce0ce 100644 --- a/grid-sdk/uwp/pivot-table/OLAP/Paging.md +++ b/grid-sdk/uwp/pivot-table/OLAP/Paging.md @@ -1,13 +1,13 @@ --- layout: post -title: Paging in UWP Pivot Grid control | Syncfusion -description: Learn here all about Paging support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Paging in UWP Pivot Table | Syncfusion® +description: Paging in Syncfusion® UWP Pivot Table control enables efficient handling of large OLAP data by splitting CellSets into pages with navigation options. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Paging in UWP Pivot Grid (SfPivotGrid) +# Paging in UWP Pivot Table The SfPivotGrid supports loading and rendering the large amount of data without any performance constraint. The following code snippet illustrates the paging using the current OLAP report. diff --git a/grid-sdk/uwp/pivot-table/Overview.md b/grid-sdk/uwp/pivot-table/Overview.md index 903951cfb..ca6628987 100644 --- a/grid-sdk/uwp/pivot-table/Overview.md +++ b/grid-sdk/uwp/pivot-table/Overview.md @@ -1,13 +1,13 @@ --- layout: post -title: About UWP Pivot Grid control | Syncfusion® -description: Learn here all about introduction of Syncfusion® UWP Pivot Grid (SfPivotGrid) control, its elements and more. +title: About Syncfusion UWP Pivot Table Control | Syncfusion® +description: Learn about introduction of Syncfusion® Essential Studio UWP Pivot Table control and exploring its features. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# UWP Pivot Grid (SfPivotGrid) Overview +# About Syncfusion® UWP Pivot Table Control The SfPivotGrid control is an easily configurable presentation-quality business control that summarizes data from OLAP and relational data sources with rich customization and represents it in a cross-tabulated form. It allows users to create multi-dimensional views for analysis and satisfies business users need. diff --git a/grid-sdk/uwp/pivot-table/Relational/Display-Options.md b/grid-sdk/uwp/pivot-table/Relational/Display-Options.md index 97d012252..454bad4b4 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Display-Options.md +++ b/grid-sdk/uwp/pivot-table/Relational/Display-Options.md @@ -1,13 +1,13 @@ --- layout: post -title: Display Options in UWP Pivot Grid control | Syncfusion -description: Learn here all about Display Options support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Display Options in UWP Pivot Table | Syncfusion® +description: Display Options in Syncfusion® UWP Pivot Table control define how calculation values appear, with choices like All, Summary, Calculations, GrandTotal, or None. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Display Options in UWP Pivot Grid (SfPivotGrid) +# Display Options in UWP Pivot Table The SfPivotGrid control provides support for PivotComputationInfo to display calculation values in preferred areas of the SfPivotGrid with the help of `DisplayOption` property. The following are the different types of display options available in the SfPivotGrid. diff --git a/grid-sdk/uwp/pivot-table/Relational/Excel-Like-Filtering-Sorting.md b/grid-sdk/uwp/pivot-table/Relational/Excel-Like-Filtering-Sorting.md index 2992122ff..f7b1e2f67 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Excel-Like-Filtering-Sorting.md +++ b/grid-sdk/uwp/pivot-table/Relational/Excel-Like-Filtering-Sorting.md @@ -1,13 +1,13 @@ --- layout: post -title: Excel-Like Filtering and Sorting in UWP Pivot Grid control | Syncfusion -description: Learn here all about Excel-Like Filtering and Sorting support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Excel-Like Filtering and Sorting in UWP Pivot Table | Syncfusion® +description: Excel-like Filtering and Sorting in Syncfusion® UWP Pivot Table control lets users sort and filter pivot items interactively with label and value options. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Excel-Like Filtering and Sorting in UWP Pivot Grid (SfPivotGrid) +# Excel-Like Filtering and Sorting in UWP Pivot Table The SfPivotGrid control supports Excel-like filtering and sorting applied to a pivot item. You can enable or disable the Excel-like sorting and filtering support by setting the `AllowMultiFunctionalSortFilter` property in the SfPivotGrid. diff --git a/grid-sdk/uwp/pivot-table/Relational/Filtering.md b/grid-sdk/uwp/pivot-table/Relational/Filtering.md index 160e01901..ca2d24747 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Filtering.md +++ b/grid-sdk/uwp/pivot-table/Relational/Filtering.md @@ -1,13 +1,13 @@ --- layout: post -title: Filtering in UWP Pivot Grid control | Syncfusion -description: Learn here all about Filtering support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Filtering in UWP Pivot Table | Syncfusion® +description: Filtering in Syncfusion® UWP Pivot Table control displays subsets of data using FilterExpressions, supporting multiple conditions for refined analysis. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Filtering in UWP Pivot Grid (SfPivotGrid) +# Filtering in UWP Pivot Table Filtering support displays only a subset of data that meets the specific criteria. You can specify and hide the data that you do not want to display. Filters are automatically reapplied every time when the SfPivotGrid is refreshed or updated until you remove those filters. In SfPivotGrid, filters are additive, which means that each additional filter is based on the current filter and further it reduces the subset of data. You can apply 'n' number of filtering conditions to the SfPivotGrid at a time. To apply filter, an instance of **FilterExpression** has to be created and the data will be filtered based on that specification. diff --git a/grid-sdk/uwp/pivot-table/Relational/Getting-Started.md b/grid-sdk/uwp/pivot-table/Relational/Getting-Started.md index 5f0b8186b..0837dddf2 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Getting-Started.md +++ b/grid-sdk/uwp/pivot-table/Relational/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting Started with UWP Pivot Grid control | Syncfusion -description: This page explains how to set up and configure the Pivot Grid (SfPivotGrid) control in a UWP application. +title: Getting Started with UWP Pivot Table | Syncfusion® +description: Learn how to get started with the Syncfusion® UWP Pivot Table control. Explore setup, features, examples, and customization options. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Getting Started with UWP Pivot Grid +# Getting Started with UWP Pivot Table >**Important** Starting with v16.2.0.x, if you refer to Syncfusion assemblies from trial setup or from the NuGet feed, include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to learn about registering Syncfusion license key in your UWP application to use the components. diff --git a/grid-sdk/uwp/pivot-table/Relational/Grid-Layout.md b/grid-sdk/uwp/pivot-table/Relational/Grid-Layout.md index 68a9e4335..53f15b8f7 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Grid-Layout.md +++ b/grid-sdk/uwp/pivot-table/Relational/Grid-Layout.md @@ -1,13 +1,13 @@ --- layout: post -title: Grid Layout in UWP Pivot Grid control | Syncfusion -description: Learn here all about Grid Layout support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Grid Layout in UWP Pivot Table | Syncfusion® +description: Grid Layout in Syncfusion® UWP Pivot Table control customizes summary cell positions with Normal or Top Summary layouts for flexible data presentation. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Grid Layout in UWP Pivot Grid (SfPivotGrid) +# Grid Layout in UWP Pivot Table The position of summary cells in the SfPivotGrid can be customized with the help of `GridLayout` property. It can be positioned at the top or bottom of value cells. diff --git a/grid-sdk/uwp/pivot-table/Relational/Hiding-Grand-Totals.md b/grid-sdk/uwp/pivot-table/Relational/Hiding-Grand-Totals.md index f1764ab5d..07a17df6e 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Hiding-Grand-Totals.md +++ b/grid-sdk/uwp/pivot-table/Relational/Hiding-Grand-Totals.md @@ -1,13 +1,13 @@ --- layout: post -title: Hiding Grand Totals -description: Hiding grand totals in pivot grid +title: Hiding Grand Totals in UWP Pivot Table | Syncfusion® +description: Hide grand totals in Syncfusion® UWP Pivot Table control by disabling the ShowGrandTotals property to remove overall row and column summaries. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Hiding Grand Totals +# Hiding Grand Totals in UWP Pivot Table You can hide the grand total values of the pivot grid control by setting the `ShowGrandTotals` property to false. By default, the pivot grid displays the grand total values of both rows and columns. diff --git a/grid-sdk/uwp/pivot-table/Relational/Hiding-Sub-Totals.md b/grid-sdk/uwp/pivot-table/Relational/Hiding-Sub-Totals.md index 094a033c7..3efe57449 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Hiding-Sub-Totals.md +++ b/grid-sdk/uwp/pivot-table/Relational/Hiding-Sub-Totals.md @@ -1,13 +1,13 @@ --- layout: post -title: Hiding Subtotals -description: Hiding subtotals in pivot grid +title: Hiding Subtotals in UWP Pivot Table | Syncfusion® +description: Hide subtotals in Syncfusion® UWP Pivot Table control by disabling row, column, or specific item subtotals for a cleaner and more focused data view. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Hiding Subtotals +# Hiding Subtotals in UWP Pivot Table The pivot grid control provides support to show or hide its subtotal values. This support allows users to have an abstract view of the data. The following levels of hiding are supported in the pivot grid control. @@ -47,7 +47,7 @@ Me.pivotGrid1.ShowSubTotals = False ## Hiding only the row subtotals -The subtotal values of pivot rows can only be hidden by using the [ShowRowSubTotals](https://help.syncfusion.com/cr/wpf/https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf#Syncfusion_Windows_Controls_PivotGrid_PivotGridControl_ShowRowSubTotals) property. Refer to the following code sample to hide only the subtotal values of pivot rows in the pivot grid. +The subtotal values of pivot rows can only be hidden by using the [ShowRowSubTotals](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.PivotGrid.PivotGridControl.html#Syncfusion_Windows_Controls_PivotGrid_PivotGridControl_ShowRowSubTotals) property. Refer to the following code sample to hide only the subtotal values of pivot rows in the pivot grid. {% tabs %} @@ -76,7 +76,7 @@ Me.pivotGrid1.ShowRowSubTotals = False ## Hiding only the column subtotals -The subtotal values of pivot columns can only be hidden by using the [ShowColumnSubTotals](https://help.syncfusion.com/cr/wpf/https://help.syncfusion.com/wpf/welcome-to-syncfusion-essential-wpf#Syncfusion_Windows_Controls_PivotGrid_PivotGridControl_ShowColumnSubTotals) property. Refer to the following code sample to hide only the subtotal values of pivot columns in the pivot grid. +The subtotal values of pivot columns can only be hidden by using the [ShowColumnSubTotals](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Controls.PivotGrid.PivotGridControl.html#Syncfusion_Windows_Controls_PivotGrid_PivotGridControl_ShowColumnSubTotals) property. Refer to the following code sample to hide only the subtotal values of pivot columns in the pivot grid. {% tabs %} diff --git a/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization.md b/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization.md index 7de60676b..dcc0e9b8a 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization.md +++ b/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization.md @@ -1,13 +1,13 @@ --- layout: post -title: Serialization and Deserialization in UWP Pivot Grid control | Syncfusion -description: Learn here all about Serialization and Deserialization support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Serialization and Deserialization in UWP Pivot Table | Syncfusion® +description: Serialization and Deserialization in Syncfusion® UWP Pivot Table control save and restore grid settings using XML files, streams, storage, or strings. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Serialization and Deserialization in UWP Pivot Grid (SfPivotGrid) +# Serialization and Deserialization in UWP Pivot Table This support allows you to serialize and deserialize the settings of SfPivotGrid control using [DataContractSerializer](https://msdn.microsoft.com/en-in/library/system.runtime.serialization.datacontractserializer.aspx). diff --git a/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization_images/Serialized-PivotGrid.png b/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization_images/Serialized-PivotGrid.png index 98177c90e..35d2bb3e3 100644 Binary files a/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization_images/Serialized-PivotGrid.png and b/grid-sdk/uwp/pivot-table/Relational/Serialization-and-Deserialization_images/Serialized-PivotGrid.png differ diff --git a/grid-sdk/uwp/pivot-table/Relational/Sorting.md b/grid-sdk/uwp/pivot-table/Relational/Sorting.md index cf7c57553..f33695eeb 100644 --- a/grid-sdk/uwp/pivot-table/Relational/Sorting.md +++ b/grid-sdk/uwp/pivot-table/Relational/Sorting.md @@ -1,13 +1,13 @@ --- layout: post -title: Sorting in UWP Pivot Grid control | Syncfusion -description: Learn here all about Sorting support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: Sorting in UWP Pivot Table | Syncfusion® +description: Sorting in Syncfusion® UWP Pivot Table control helps users organize data efficiently using built‑in comparers, custom comparers, or SortOption values. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# Sorting in UWP Pivot Grid (SfPivotGrid) +# Sorting in UWP Pivot Table Sorting enables you to quickly visualize and understand your data better. Ultimately, it allows you to organize and find the data by which you can make more effective decisions. By default, the SfPivotGrid holds built-in comparers for all data types so that it will populate the data in ascending/descending order based on its data type. You can also define own custom comparer to view the data. diff --git a/grid-sdk/uwp/pivot-table/Relational/State-Persistence.md b/grid-sdk/uwp/pivot-table/Relational/State-Persistence.md index 165fc4af6..6cb027617 100644 --- a/grid-sdk/uwp/pivot-table/Relational/State-Persistence.md +++ b/grid-sdk/uwp/pivot-table/Relational/State-Persistence.md @@ -1,13 +1,13 @@ --- layout: post -title: State Persistence in UWP Pivot Grid control | Syncfusion -description: Learn here all about State Persistence support in Syncfusion UWP Pivot Grid (SfPivotGrid) control and more. +title: State Persistence in UWP Pivot Table | Syncfusion® +description: State Persistence in Syncfusion® UWP Pivot Table control preserve collapsed or expanded states of pivot items when schema changes using StatePersistenceEnabled. platform: grid-sdk -control: SfPivotGrid +control: Pivot Table documentation: ug --- -# State Persistence in UWP Pivot Grid (SfPivotGrid) +# State Persistence in UWP Pivot Table The SfPivotGrid supports maintaining the collapsed and expanded state of the corresponding pivot item when it gets changed. This can be achieved by enabling the `StatePersistenceEnabled` property in the SfPivotGrid control. Refer to the following code snippet to enable the state persistence. diff --git a/grid-sdk/uwp/tree-grid/Clipboard-Operations.md b/grid-sdk/uwp/tree-grid/Clipboard-Operations.md index dad17c6d3..2262bb8f2 100644 --- a/grid-sdk/uwp/tree-grid/Clipboard-Operations.md +++ b/grid-sdk/uwp/tree-grid/Clipboard-Operations.md @@ -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 TreeGrid | Syncfusion® +description: Clipboard Operations in UWP TreeGrid enable copy, cut, and paste actions with configurable settings, events, and custom clipboard behavior. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Clipboard Operations in UWP TreeGrid (SfTreeGrid) +# Clipboard Operations in UWP TreeGrid 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`. @@ -130,7 +130,7 @@ this.treeGrid.GridCopyOption = GridCopyOption.CutData | GridCopyOption.IncludeHe {% endhighlight %} {% endtabs %} -![WPF treegrid shows with Data from the record is cut and pasted in notepad](Clipboard-Operations_images/Clipboard-Operations_img3.jpeg) +![UWP treegrid shows with Data from the record is cut and pasted in notepad](Clipboard-Operations_images/Clipboard-Operations_img3.jpeg) ## Events @@ -233,7 +233,7 @@ The [PasteGridCellContent](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml * [RowData](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridCopyPasteCellEventArgs.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridCopyPasteCellEventArgs_RowData): Returns the corresponding RowData of a cell. -* [OriginalSender](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.GridCancelEventArgs.html#Syncfusion_UI_Xaml_Grid_GridCancelEventArgs_OriginalSender): Returns SfTeeGrid. +* [OriginalSender](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.GridCancelEventArgs.html#Syncfusion_UI_Xaml_Grid_GridCancelEventArgs_OriginalSender): Returns SfTreeGrid. You can paste the text to tree grid by changing the ClipBoardValue. @@ -376,7 +376,7 @@ public class CustomCopyPaste : TreeGridCutCopyPaste {% endhighlight %} {% highlight c# %} -public MainWindow() +public MainPage() { InitializeComponent(); this.treeGrid.TreeGridCopyPaste = new CustomCopyPaste(this.treeGrid); diff --git a/grid-sdk/uwp/tree-grid/ColumnTypes.md b/grid-sdk/uwp/tree-grid/ColumnTypes.md index 9c85f4ec3..46eeccf5c 100644 --- a/grid-sdk/uwp/tree-grid/ColumnTypes.md +++ b/grid-sdk/uwp/tree-grid/ColumnTypes.md @@ -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 TreeGrid | Syncfusion® +description: Column Types in UWP TreeGrid support text, numeric, date, checkbox, image, and template columns to display varied data formats. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# ColumnTypes in UWP TreeGrid (SfTreeGrid) +# Column Types in UWP TreeGrid 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. @@ -619,7 +619,7 @@ Below code, sets the customized style selector to `TreeGridColumn.CellStyleSelec {% tabs %} {% highlight xaml %} - + + {% endhighlight %} {% endtabs %} diff --git a/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img19.png b/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img19.png index b5a0def60..ee2e7be07 100644 Binary files a/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img19.png and b/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img19.png differ diff --git a/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img31.png b/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img31.png index f97033adf..36355cfb8 100644 Binary files a/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img31.png and b/grid-sdk/uwp/tree-grid/ColumnTypes_images/ColumnTypes_img31.png differ diff --git a/grid-sdk/uwp/tree-grid/Columns.md b/grid-sdk/uwp/tree-grid/Columns.md index 3a9259e0f..3a9c9dbb8 100644 --- a/grid-sdk/uwp/tree-grid/Columns.md +++ b/grid-sdk/uwp/tree-grid/Columns.md @@ -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 TreeGrid | Syncfusion® +description: Columns in UWP TreeGrid allow binding, sizing, formatting, sorting, and rendering options to display and manage data effectively. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Columns in UWP TreeGrid (SfTreeGrid) +# Columns in UWP TreeGrid 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`. diff --git a/grid-sdk/uwp/tree-grid/Conditional-Styling.md b/grid-sdk/uwp/tree-grid/Conditional-Styling.md index ce7c80413..efde788ea 100644 --- a/grid-sdk/uwp/tree-grid/Conditional-Styling.md +++ b/grid-sdk/uwp/tree-grid/Conditional-Styling.md @@ -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 TreeGrid | Syncfusion® +description: Conditional Styling in UWP TreeGrid customizes row and cell appearance based on data using converters, triggers, and selectors. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Conditional Styling in UWP TreeGrid (SfTreeGrid) +# Conditional Styling in UWP TreeGrid You can style the treegrid and its inner elements conditionally based on data in three ways, @@ -61,19 +61,19 @@ Here, grid cell background is changed using converter, where converter return {% tabs %} {% highlight xaml %} xmlns:utils="using:Syncfusion.UI.Xaml.Utils" -; + - + {% endhighlight %} {% highlight c# %} @@ -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 %} diff --git a/grid-sdk/uwp/tree-grid/Data-Binding.md b/grid-sdk/uwp/tree-grid/Data-Binding.md index 194693c68..4490b3a7e 100644 --- a/grid-sdk/uwp/tree-grid/Data-Binding.md +++ b/grid-sdk/uwp/tree-grid/Data-Binding.md @@ -1,16 +1,16 @@ --- 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 TreeGrid | Syncfusion® +description: Data Binding in UWP TreeGrid supports self-relational and nested collections, enabling dynamic display of hierarchical data seamlessly. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Data Binding in UWP TreeGrid (SfTreeGrid) +# Data Binding in UWP TreeGrid 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. +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 refreshes 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. Below are the ways to bind the data source to SfTreeGrid. @@ -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 @@ -502,7 +502,7 @@ The following events are associated with View. #### RecordPropertyChanged -This event is raised when the DataModel property value is changed, if the DataModel implements the [INotifyPropertyChanged](https://learn.microsoft.com/en-us/dotnet/api/system.collections.specialized.inotifycollectionchanged?view=net-7.0&redirectedfrom=MSDN) interface. The event receives with two arguments namely `sender` that handles the DataModel and `PropertyChangedEventArgs` as object. +This event is raised when the DataModel property value is changed, if the DataModel implements the [INotifyPropertyChanged](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.inotifypropertychanged?view=net-7.0&redirectedfrom=MSDN) interface. The event receives with two arguments namely `sender` that handles the DataModel and `PropertyChangedEventArgs` as object. * `PropertyChangedEventArgs` has below property, * `PropertyName` – It denotes the PropertyName of the changed value. @@ -520,7 +520,7 @@ This event is raised whenever there is some change in nodes collection. The even #### SourceCollectionChanged -This event is raised when you make changes in `SourceCollection` for example add or remove the collection. The event receives two arguments namely sender that handles that handles View object and `NotifyCollectionChangedEventArgs` as object. +This event is raised when you make changes in `SourceCollection` for example add or remove the collection. The event receives two arguments namely sender that handles View object and `NotifyCollectionChangedEventArgs` as object. `NotifyCollectionChangedEventArgs` has below properties, * `Action` - It contains the current action. (i.e) Add, Remove, Move, Replace, Reset. @@ -560,4 +560,4 @@ treeGrid.View.EndInit(); {% endhighlight %} {% endtabs %} -N> View has properties (`EnableRecursiveChecking`, `LiveNodeUpdateMode` , `RecursiveCheckingMode`,..)that already defined in SfTreeGrid. It is recommended to set those properties via SfTreeGrid. +N> View has properties (`EnableRecursiveChecking`, `LiveNodeUpdateMode`, `RecursiveCheckingMode`,...) that are already defined in SfTreeGrid. It is recommended to set those properties via SfTreeGrid. diff --git a/grid-sdk/uwp/tree-grid/Data-Validation.md b/grid-sdk/uwp/tree-grid/Data-Validation.md index 99666de08..fdf74a3fc 100644 --- a/grid-sdk/uwp/tree-grid/Data-Validation.md +++ b/grid-sdk/uwp/tree-grid/Data-Validation.md @@ -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 TreeGrid | Syncfusion® +description: Data Validation in UWP TreeGrid supports built-in and custom rules with error indicators and tooltips for accurate input. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Data Validation in UWP TreeGrid (SfTreeGrid) +# Data Validation in UWP TreeGrid 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. diff --git a/grid-sdk/uwp/tree-grid/Editing.md b/grid-sdk/uwp/tree-grid/Editing.md index e41eff10d..11318d108 100644 --- a/grid-sdk/uwp/tree-grid/Editing.md +++ b/grid-sdk/uwp/tree-grid/Editing.md @@ -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 TreeGrid | Syncfusion® +description: Editing in UWP TreeGrid supports entering edit mode with keys or taps and controlling cursor placement using selection behaviors. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Editing in UWP TreeGrid (SfTreeGrid) +# Editing in UWP TreeGrid 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. @@ -44,9 +44,9 @@ N> `TreeGridColumn.AllowEditing` takes higher priority than `SfTreeGrid.AllowEdi N> It is mandatory to set the NavigationMode to Cell to enable CurrentCell navigation and editing. -### Entering into edit mode +## Entering into edit mode -You can enter into edit mode by pressing <kbd>F2</kbd> key or clicking (touch also supported) the cell. You can allow users to edit the cell in single click (OnTap) or double click (OnDoubleTab) by setting [SfTreeGrid.EditTrigger](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_EditTrigger) property. +You can enter into edit mode by pressing <kbd>F2</kbd> key or clicking (touch also supported) the cell. You can allow users to edit the cell in single click (OnTap) or double click (OnDoubleTap) by setting [SfTreeGrid.EditTrigger](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_EditTrigger) property. {% tabs %} {% highlight xaml %} diff --git a/grid-sdk/uwp/tree-grid/Export-To-Excel.md b/grid-sdk/uwp/tree-grid/Export-To-Excel.md index 63fc03c69..50407bc7b 100644 --- a/grid-sdk/uwp/tree-grid/Export-To-Excel.md +++ b/grid-sdk/uwp/tree-grid/Export-To-Excel.md @@ -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 TreeGrid | Syncfusion® +description: Export to Excel in UWP TreeGrid exports hierarchical data to excel with customization options for headers, cells, and styling. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Export To Excel in UWP TreeGrid (SfTreeGrid) +# Export to Excel in UWP TreeGrid 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. diff --git a/grid-sdk/uwp/tree-grid/Export-To-PDF.md b/grid-sdk/uwp/tree-grid/Export-To-PDF.md index c143e2a6d..0a203f3a9 100644 --- a/grid-sdk/uwp/tree-grid/Export-To-PDF.md +++ b/grid-sdk/uwp/tree-grid/Export-To-PDF.md @@ -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 TreeGrid | Syncfusion® +description: Export to PDF in UWP TreeGrid renders hierarchical data into PDF with customizable headers, pagination, and styling options. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Export To PDF in UWP TreeGrid (SfTreeGrid) +# Export to PDF in UWP TreeGrid 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. diff --git a/grid-sdk/uwp/tree-grid/Filtering.md b/grid-sdk/uwp/tree-grid/Filtering.md index 906ea0b3b..6338fa3e1 100644 --- a/grid-sdk/uwp/tree-grid/Filtering.md +++ b/grid-sdk/uwp/tree-grid/Filtering.md @@ -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 TreeGrid | Syncfusion® +description: Filtering in UWP TreeGrid supports programmatic filtering and customization to refine and display hierarchical node data. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Filtering in UWP TreeGrid (SfTreeGrid) +# Filtering in UWP TreeGrid ## Overview @@ -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; @@ -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(); } diff --git a/grid-sdk/uwp/tree-grid/Getting-Started.md b/grid-sdk/uwp/tree-grid/Getting-Started.md index 14dcc9ffb..a1eb80352 100644 --- a/grid-sdk/uwp/tree-grid/Getting-Started.md +++ b/grid-sdk/uwp/tree-grid/Getting-Started.md @@ -1,17 +1,17 @@ --- 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 TreeGrid | Syncfusion® +description: Learn how to get started with the Syncfusion® UWP TreeGrid control. Explore setup, features, examples, and customization options. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Getting Started with UWP TreeGrid (SfTreeGrid) +# Getting Started with UWP TreeGrid 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. -### Assembly Deployment +## Assembly Deployment The following list of assemblies needs to be added as reference to use SfTreeGrid control in any application, @@ -1079,4 +1079,4 @@ You can customize sorting by handling the [SfTreeGrid.SortColumnChanging](https: ### Editing -Editing can be enabled by setting [SfTreeGrid.AllowEditing](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html) events. +Editing can be enabled by setting [SfTreeGrid.AllowEditing](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html) property to `true`. diff --git a/grid-sdk/uwp/tree-grid/Helpers.md b/grid-sdk/uwp/tree-grid/Helpers.md index 9bcc12a13..bb8263ece 100644 --- a/grid-sdk/uwp/tree-grid/Helpers.md +++ b/grid-sdk/uwp/tree-grid/Helpers.md @@ -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 TreeGrid | Syncfusion® +description: Helpers in TreeGrid provide index resolver methods to identify rows, columns, and nodes, and include dispose support for efficient memory management. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Helpers in UWP TreeGrid (SfTreeGrid) +# Helpers in UWP TreeGrid ## IndexResolver diff --git a/grid-sdk/uwp/tree-grid/Interactive-Features.md b/grid-sdk/uwp/tree-grid/Interactive-Features.md index 722e8575a..21e1e067b 100644 --- a/grid-sdk/uwp/tree-grid/Interactive-Features.md +++ b/grid-sdk/uwp/tree-grid/Interactive-Features.md @@ -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 TreeGrid | Syncfusion® +description: Interactive Features in UWP TreeGrid provide context menus for cells, rows, headers, and expanders with full customization. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Interactive Features +# Interactive Features in UWP TreeGrid ## Context menu @@ -365,436 +365,4 @@ You can change the appearance of the context menu by customizing the style with {% endhighlight %} {% endtabs %} -![ContextMenu for appearance in sfTreeGrid uwp](ContextMenu_images/ContextMenu_img4.png) - - -### Drag and drop rows - -It allows users to drag and drop the rows in SfTreeGrid and between two SfTreeGrid by setting the [SfTreeGrid.AllowDraggingRows](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_AllowDraggingRows) property to `true`. It is also possible to drag and drop from any other control. - -{% tabs %} -{% highlight xaml %} - -{% endhighlight %} -{% highlight c# %} -treeGrid.AllowDraggingRows = true; -{% endhighlight %} -{% endtabs %} - -![Drag and drop window while dragging in WPF treegrid](Row-Drag-And-Drop_images/Row-Drag-And-Drop_img1.png) - -When dropping, the dragged node(s) can be added above or below as a child node based on its drop position. For example, if you drop at the bottom of node, it will be added below the node. If you are drop over the node, then it will be added as a child of that node. - -![Drap and drop row as child](Row-Drag-And-Drop_images/Row-Drag-And-Drop_img2.png) - -### Auto expanding the node on drag over - -When drag over the tree node, if drop position is “Drop as child”, then you can auto expand the corresponding tree node by setting the [TreeGridRowDragDropController.CanAutoExpand](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_CanAutoExpand) as `true`. It is also possible to control the delay in expanding the node when drag over using [TreeGridRowDragDropController.AutoExpandDelay](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_AutoExpandDelay) property. Its default value in 3 sec. - -{% tabs %} -{% highlight c# %} -treeGrid.RowDragDropController.CanAutoExpand = true; -treeGrid.RowDragDropController.AutoExpandDelay = new TimeSpan(0, 0, 2); -{% endhighlight %} -{% endtabs %} - -N> When drop position is “Drop as child”, drag indicators will not be shown. - -### Dragging multiple nodes - -SfTreeGrid allows user to drag multiple selected nodes. You can enable multiple selection by setting the [SfTreeGrid.SelectionMode](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_SelectionMode) property to `Multiple` or `Extended`. - -![Drag and drop multiple rows](Row-Drag-And-Drop_images/Row-Drag-And-Drop_img3.png) - -### Drag and drop between TreeGrids - -SfTreeGrid provides built-in support to drag and drop the nodes between SfTreeGrid. - -### Disabling drag and drop between SfTreeGrid - -If [SfTreeGrid.AllowDraggingRows](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_AllowDraggingRows) is set to `true`, you can drag and drop nodes between TreeGrids and within TreeGrid. If you want to disable the drag-and-drop functionality from one TreeGrid to another TreeGrid, override the target TreeGrid’s [GetDropPosition](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_GetDropPosition_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_) method in [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. - -{% tabs %} -{% highlight c# %} -public class TreeGridRowDragDropControllerExt : TreeGridRowDragDropController -{ - - public TreeGridRowDragDropControllerExt(SfTreeGrid treeGrid) : base(treeGrid) - { - } - - protected override DropPosition GetDropPosition(DragEventArgs args, RowColumnIndex rowColumnIndex) - { - SfTreeGrid sourceTreeGrid = null; - - if (args.DataView.Properties.ContainsKey("SourceTreeGrid")) - sourceTreeGrid = args.DataView.Properties["SourceTreeGrid"] as SfTreeGrid; - - // Disable drop operation if source tree grid is different. - - if (sourceTreeGrid != TreeGrid) - return DropPosition.None; - return base.GetDropPosition(args, rowColumnIndex); - } -} -treeGrid.RowDragDropController = new TreeGridRowDragDropControllerExt(treeGrid); -{% endhighlight %} -{% endtabs %} - -If source tree grid and target tree grid are different, drop operation will be disabled. - -### Customizing row drag and drop - -SfTreeGrid processes row drag and drop operations in [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. You can customize the row drag and drop operations by overriding `TreeGridRowDragDropController` and set it to[SfTreeGrid.RowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_RowDragDropController). - -#### Disable dragging of certain nodes - -If you want to restrict the dragging for specific node, you need to override the [ProcessOnDragStarting](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_ProcessOnDragStarting_Windows_UI_Xaml_DragStartingEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_) method in [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. - -Here, drag operation is disabled for root nodes. - -{% tabs %} -{% highlight c# %} -public class TreeGridRowDragDropControllerExt : TreeGridRowDragDropController -{ - - public TreeGridRowDragDropControllerExt(SfTreeGrid treeGrid) : base(treeGrid) - { - } - - protected override void ProcessOnDragStarting(DragStartingEventArgs args, RowColumnIndex rowColumnIndex) - { - base.ProcessOnDragStarting(args, rowColumnIndex); - - // Skip dragging of root nodes. - - if (args.Data.Properties.ContainsKey("Nodes")) - { - var nodes = args.Data.Properties["Nodes"] as ObservableCollection; - var node = nodes.FirstOrDefault(n => n.Level == 0); - - if (node != null) - args.Cancel = true; - } - } -} -{% endhighlight %} -{% endtabs %} - -#### Disable drop over specific node - -If you want to restrict the drop for specific nodes, you need to override the [GetDropPosition](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_GetDropPosition_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_) method in [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. - -Here, the drop operation is disabled on leaf nodes. - -{% tabs %} -{% highlight c# %} -public class TreeGridRowDragDropControllerExt : TreeGridRowDragDropController -{ - - public TreeGridRowDragDropControllerExt(SfTreeGrid treeGrid) : base(treeGrid) - { - } - - protected override DropPosition GetDropPosition(DragEventArgs args, RowColumnIndex rowColumnIndex) - { - var nodeIndex = TreeGrid.ResolveToNodeIndex(rowColumnIndex.RowIndex); - var node = TreeGrid.View.GetNodeAt(nodeIndex); - - // Disable drop on leaf nodes. - - if (!node.HasChildNodes) - return DropPosition.None; - return base.GetDropPosition(args, rowColumnIndex); - } -} - -treeGrid.RowDragDropController = new TreeGridRowDragDropControllerExt(treeGrid); -{% endhighlight %} -{% endtabs %} - -#### Customizing drag UI text - -You can customize the drag UI text by overriding the [ProcessOnDragOver](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_ProcessOnDragOver_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_) method in [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. - -Here, the drag UI text is localized based to the German language. - -{% tabs %} -{% highlight c# %} -public class TreeGridRowDragDropControllerExt : TreeGridRowDragDropController -{ - - public TreeGridRowDragDropControllerExt(SfTreeGrid treeGrid) : base(treeGrid) - { - } - - protected override void ProcessOnDragOver(DragEventArgs args, RowColumnIndex rowColumnIndex) - { - base.ProcessOnDragOver(args, rowColumnIndex); - var dropPosition = GetDropPosition(args, rowColumnIndex); - - if (dropPosition == DropPosition.DropAbove) - args.DragUIOverride.Caption = "rube fallen"; - } -} -treeGrid.RowDragDropController = new TreeGridRowDragDropControllerExt(treeGrid); -{% endhighlight %} -{% endtabs %} - -### Customizing dragging nodes - -When dragging, all the selected nodes will be added to the dragging nodes collection. If you want to customize the dragging nodes collection, override the [ProcessOnDragOver](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_ProcessOnDragOver_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_) method in [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. - -{% tabs %} -{% highlight c# %} -public class TreeGridRowDragDropControllerExt : TreeGridRowDragDropController -{ - - public TreeGridRowDragDropControllerExt(SfTreeGrid treeGrid) : base(treeGrid) - { - } - - protected override void ProcessOnDragStarting(DragStartingEventArgs args, RowColumnIndex rowColumnIndex) - { - var nodes = new ObservableCollection(); - var node = this.TreeGrid.GetNodeAtRowIndex(rowColumnIndex.RowIndex); - - if (node == null) - return; - nodes.Add(node); - args.Data.Properties.Add("Nodes", nodes); - args.Data.Properties.Add("SourceTreeGrid", TreeGrid); - args.Data.SetText(StandardDataFormats.Text); - args.DragUI.SetContentFromDataPackage(); - } -} -treeGrid.RowDragDropController = new TreeGridRowDragDropControllerExt(treeGrid); -{% endhighlight %} -{% endtabs %} - -Here, even multiple nodes had been selected, only the dragged node will be added to the dragging nodes collection. - -### Drag and drop between ListView and TreeGrid - -You can drag the item from ListView and drop into TreeGrid by overriding the [GetDropPosition](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_GetDropPosition_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_), [ProcessOnDragOver](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_ProcessOnDragOver_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_), and [ProcessOnDrop](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridRowDragDropController_ProcessOnDrop_Windows_UI_Xaml_DragEventArgs_Syncfusion_UI_Xaml_ScrollAxis_RowColumnIndex_) methods in the [TreeGridRowDragDropController](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.TreeGridRowDragDropController.html) class. - -In ListView, use the DragItemsStarting event and add dragged item. - -{% tabs %} -{% highlight c# %} -listView.CanDragItems = true; -listView.DragItemsStarting += ListView_DragItemsStarting; -listView.DragItemsCompleted += ListView_DragItemsCompleted; - -private void ListView_DragItemsStarting(object sender, DragItemsStartingEventArgs e) -{ - e.Data.Properties.Add("DraggedItem", listView.SelectedItem); - e.Data.SetText(StandardDataFormats.Text); -} - -private void ListView_DragItemsCompleted(ListViewBase sender, DragItemsCompletedEventArgs args) -{ - - foreach (var item in args.Items) - { - (listView.ItemsSource as ObservableCollection).Remove(item as PersonInfo); - } -} -{% endhighlight %} -{% endtabs %} - -{% tabs %} -{% highlight c# %} -public class TreeGridRowDragDropControllerExt : TreeGridRowDragDropController -{ - - public TreeGridRowDragDropControllerExt(SfTreeGrid treeGrid) : base(treeGrid) - { - } - - protected override void ProcessOnDrop(DragEventArgs args, RowColumnIndex rowColumnIndex) - { - this.TreeGrid.AutoScroller.AutoScrolling = AutoScrollOrientation.None; - var dropPosition = GetDropPosition(args, rowColumnIndex); - - if (dropPosition != DropPosition.None && rowColumnIndex.RowIndex != -1) - { - var draggedItem = GetDraggedItem(args); - - if (this.TreeGrid.View is TreeGridNestedView) - { - var treeNode = this.TreeGrid.GetNodeAtRowIndex(rowColumnIndex.RowIndex); - - if (treeNode == null) - return; - var data = treeNode.Item; - TreeGrid.SelectionController.SuspendUpdates(); - var itemIndex = -1; - - TreeNode parentNode = null; - - if (dropPosition == DropPosition.DropBelow || dropPosition == DropPosition.DropAbove) - parentNode = treeNode.ParentNode; - - else if (dropPosition == DropPosition.DropAsChild) - { - - if (!treeNode.IsExpanded) - TreeGrid.ExpandNode(treeNode); - parentNode = treeNode; - } - IList sourceCollection = null; - - if (dropPosition == DropPosition.DropBelow || dropPosition == DropPosition.DropAbove) - { - - if (treeNode.ParentNode != null) - { - var collection = TreeGrid.View.GetPropertyAccessProvider().GetValue(treeNode.ParentNode.Item, TreeGrid.ChildPropertyName) as IEnumerable; - sourceCollection = GetSourceListCollection(collection); - } - - else - { - sourceCollection = GetSourceListCollection(TreeGrid.View.SourceCollection); - } - itemIndex = sourceCollection.IndexOf(data); - - if (dropPosition == DropPosition.DropBelow) - { - itemIndex += 1; - } - } - - else if (dropPosition == DropPosition.DropAsChild) - { - var collection = TreeGrid.View.GetPropertyAccessProvider().GetValue(data, TreeGrid.ChildPropertyName) as IEnumerable; - sourceCollection = GetSourceListCollection(collection); - - if (sourceCollection == null) - { - var list = data.GetType().GetProperty(TreeGrid.ChildPropertyName).PropertyType.CreateNew() as IList; - - if (list != null) - { - TreeGrid.View.GetPropertyAccessProvider().SetValue(treeNode.Item, TreeGrid.ChildPropertyName, list); - sourceCollection = list; - } - } - itemIndex = sourceCollection.Count; - } - sourceCollection.Insert(itemIndex, draggedItem); - TreeGrid.SelectionController.ResumeUpdates(); - (TreeGrid.SelectionController as TreeGridRowSelectionController).RefreshSelection(); - } - } - CloseDragIndicators(); - - } - - protected override DropPosition GetDropPosition(DragEventArgs args, RowColumnIndex rowColumnIndex) - { - bool canDrop = true; - var p = args.GetPosition(this.TreeGrid); - var treeNode = this.TreeGrid.GetNodeAtRowIndex(rowColumnIndex.RowIndex); - ScrollAxisRegion columnRegion = ScrollAxisRegion.Body; - var treeGridPanel = TreeGrid.GetTreePanel(); - - if (treeGridPanel.FrozenColumns > 0) - columnRegion = ScrollAxisRegion.Header; - var rowRect = treeGridPanel.RangeToRect(ScrollAxisRegion.Body, columnRegion, rowColumnIndex, true, false); - var node = treeNode; - - if (!canDrop) - return DropPosition.None; - - else if (p.Y > rowRect.Y + 15 && p.Y < rowRect.Y + 35) - { - return DropPosition.DropAsChild; - } - - else if (p.Y < rowRect.Y + 15) - { - return DropPosition.DropAbove; - } - - else if (p.Y > rowRect.Y + 35) - { - return DropPosition.DropBelow; - } - - else - return DropPosition.Default; - } - - protected override void ProcessOnDragOver(DragEventArgs args, RowColumnIndex rowColumnIndex) - { - autoExpandNode = null; - var node = this.TreeGrid.GetNodeAtRowIndex(rowColumnIndex.RowIndex); - var draggedItem = GetDraggedItem(args); - var dropPosition = GetDropPosition(args, rowColumnIndex); - - if (draggedItem == null) - return; - - if (dropPosition == DropPosition.None || dropPosition == DropPosition.Default) - { - CloseDragIndicators(); - args.AcceptedOperation = DataPackageOperation.None; - args.DragUIOverride.Caption = "Can't drop here"; - return; - } - - else if (dropPosition == DropPosition.DropAbove) - { - args.DragUIOverride.Caption = "Drop above"; - } - - else if (dropPosition == DropPosition.DropAsChild) - { - args.DragUIOverride.Caption = "Drop as child"; - } - - else - { - args.DragUIOverride.Caption = "Drop below"; - } - args.AcceptedOperation = DataPackageOperation.Move; - ShowDragIndicators(dropPosition, rowColumnIndex); - args.Handled = true; - } - - private object GetDraggedItem(DragEventArgs dragEventArgs) - { - - if (dragEventArgs.DataView.Properties.ContainsKey("DraggedItem")) - return dragEventArgs.DataView.Properties["DraggedItem"]; - - else - return null; - } - - internal IList GetSourceListCollection(IEnumerable collection = null) - { - IList list = null; - - if (collection == null) - collection = TreeGrid.View.SourceCollection; - - if ((collection as IList) != null) - { - list = collection as IList; - } - return list; - } -} -{% endhighlight %} -{% endtabs %} - -After dropping in tree grid, the dragged item is added to TreeGrid based on the dropped position. -Sample for dragging the item from ListView and dropping into TreeGrid: [Sample](https://github.com/SyncfusionExamples/how-to-drag-and-drop-rows-in-wpf-and-uwp-between-listview-and-treegrid/tree/master/UWP). - - +![ContextMenu for appearance in sfTreeGrid uwp](ContextMenu_images/ContextMenu_img4.png) \ No newline at end of file diff --git a/grid-sdk/uwp/tree-grid/Localization.md b/grid-sdk/uwp/tree-grid/Localization.md index 95f5cad81..10d3a0b8e 100644 --- a/grid-sdk/uwp/tree-grid/Localization.md +++ b/grid-sdk/uwp/tree-grid/Localization.md @@ -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 TreeGrid | Syncfusion® +description: Localization in UWP TreeGrid supports changing culture, language, and resource files to deliver region-specific user experiences. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Localization in UWP TreeGrid (SfTreeGrid) +# Localization in UWP TreeGrid 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. diff --git a/grid-sdk/uwp/tree-grid/MVVM.md b/grid-sdk/uwp/tree-grid/MVVM.md index 6555549b9..e5c06a663 100644 --- a/grid-sdk/uwp/tree-grid/MVVM.md +++ b/grid-sdk/uwp/tree-grid/MVVM.md @@ -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 TreeGrid | Syncfusion® +description: MVVM in UWP TreeGrid supports data binding, commands, and notifications for structured, maintainable application development. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# MVVM in UWP TreeGrid (SfTreeGrid) +# MVVM in UWP TreeGrid This section explains various MVVM requirements using SfTreeGrid. @@ -129,7 +129,7 @@ You can download the sample [here](https://github.com/SyncfusionExamples/how-to- ## Bind columns from view model -You can bind the [SfTreeGrid.Columns ](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_ColumnsProperty) property in ViewModel by having the binding property of `Syncfusion.SfGrid.UI.Xaml.TreeGrid.Columns` type. Thus, you can set binding to the SfTreeGrid.Columns property that provides DataContext of treegrid in ViewModel. +You can bind the [SfTreeGrid.Columns](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.TreeGrid.SfTreeGrid.html#Syncfusion_UI_Xaml_TreeGrid_SfTreeGrid_Columns) property in ViewModel by having the binding property of `Syncfusion.SfGrid.UI.Xaml.TreeGrid.Columns` type. Thus, you can set binding to the SfTreeGrid.Columns property that provides DataContext of treegrid in ViewModel. {% tabs %} {% highlight xaml %} @@ -156,7 +156,7 @@ Refer to the following code example in which the treegrid column is populated { #region Private Variables private ObservableCollection _employees; - + #endregion #region ctr @@ -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 %} diff --git a/grid-sdk/uwp/tree-grid/Node-CheckBox.md b/grid-sdk/uwp/tree-grid/Node-CheckBox.md index 8b68f2e27..ed1ab4d82 100644 --- a/grid-sdk/uwp/tree-grid/Node-CheckBox.md +++ b/grid-sdk/uwp/tree-grid/Node-CheckBox.md @@ -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 TreeGrid | Syncfusion® +description: Node CheckBox in UWP TreeGrid adds checkboxes to nodes for selection, tri-state, and recursive checking. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Node CheckBox in UWP TreeGrid (SfTreeGrid) +# Node CheckBox in UWP TreeGrid 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. diff --git a/grid-sdk/uwp/tree-grid/Row-Drag-And-Drop.md b/grid-sdk/uwp/tree-grid/Row-Drag-And-Drop.md index 1b46b37a8..888d3201b 100644 --- a/grid-sdk/uwp/tree-grid/Row-Drag-And-Drop.md +++ b/grid-sdk/uwp/tree-grid/Row-Drag-And-Drop.md @@ -1,9 +1,9 @@ --- 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 TreeGrid | Syncfusion® +description: Row Drag and Drop in UWP TreeGrid enables interactive row reordering with customizable drop positions and events. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- # Row Drag and Drop in UWP TreeGrid diff --git a/grid-sdk/uwp/tree-grid/Rows.md b/grid-sdk/uwp/tree-grid/Rows.md index 097e1a650..d8d519750 100644 --- a/grid-sdk/uwp/tree-grid/Rows.md +++ b/grid-sdk/uwp/tree-grid/Rows.md @@ -1,18 +1,16 @@ --- layout: post -title: Rows in UWP TreeGrid control | Syncfusion® -description: Learn here all about Rows support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more. +title: Rows in UWP TreeGrid | Syncfusion® +description: Rows in UWP TreeGrid manages row headers, indicators, and customization options for different row types. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Rows in UWP TreeGrid (SfTreeGrid) +# Rows in UWP TreeGrid This section explains about various row types in treegrid and its customizations. -# Rows in UWP TreeGrid (SfTreeGrid) - RowHeader is a special column used to indicate the status of row (current row, editing status, errors in row, etc.) which is placed as first cell of each row. You can show or hide the row header by setting [SfTreeGrid.ShowRowHeader](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_ShowRowHeader) property. {% tabs %} @@ -111,7 +109,7 @@ You can display the row index value in row header by customizing the `Tr ![Row header with row index displayed in UWP treegrid](Rows_images/Rows_img5.jpeg) -# Rows in UWP TreeGrid (SfTreeGrid) +## Rows in UWP TreeGrid (SfTreeGrid) Header row is present in top of the treegrid which has column headers in it. Column header describes the caption to identify the column content. @@ -131,6 +129,7 @@ You can hide the header row by setting [SfTreeGrid.HeaderRowHeight ](https://h ChildPropertyName="Children" ColumnSizer="Star" ItemsSource="{Binding PersonDetails}"> + {% endhighlight %} {% endtabs %} @@ -253,12 +252,12 @@ You can change the header cell background and foreground for specific column or {% tabs %} {% highlight xaml %} - + - + + {% endhighlight %} {% endtabs %} diff --git a/grid-sdk/uwp/tree-grid/Selection.md b/grid-sdk/uwp/tree-grid/Selection.md index 891e8d8cb..a18ee22a9 100644 --- a/grid-sdk/uwp/tree-grid/Selection.md +++ b/grid-sdk/uwp/tree-grid/Selection.md @@ -1,13 +1,13 @@ --- layout: post -title: Selection in UWP TreeGrid control | Syncfusion® -description: Learn here all about Selection support in Syncfusion® UWP TreeGrid (SfTreeGrid) control, its elements, features, and more. +title: Selection in UWP TreeGrid | Syncfusion® +description: Selection in UWP TreeGrid supports row and cell selection with single, multiple, and extended modes with navigation. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Selection in UWP TreeGrid (SfTreeGrid) +# Selection in UWP TreeGrid SfTreeGrid allows you select one or more rows. @@ -237,7 +237,7 @@ this.treeGrid.ScrollInView(new RowColumnIndex(rowIndex, columnIndex)); ### Scroll to selected item -You can scroll programmatically to the `SelectedItem` sing the `ScrollInView` method by resolving the index of the item selected. +You can scroll programmatically to the `SelectedItem` using the `ScrollInView` method by resolving the index of the item selected. {% tabs %} {% highlight c# %} diff --git a/grid-sdk/uwp/tree-grid/Sorting.md b/grid-sdk/uwp/tree-grid/Sorting.md index 329dcea66..c084b2325 100644 --- a/grid-sdk/uwp/tree-grid/Sorting.md +++ b/grid-sdk/uwp/tree-grid/Sorting.md @@ -1,14 +1,14 @@ --- layout: post -title: Sorting in UWP TreeGrid control | Syncfusion® -description: Learn here all about Sorting support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more. +title: Sorting in UWP TreeGrid | Syncfusion® +description: Sorting in UWP TreeGrid sorts one or more columns in ascending or descending order with customizable sort behavior. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- -# Sorting in UWP TreeGrid (SfTreeGrid) +# Sorting in UWP TreeGrid SfTreeGrid allows you to sort the data against one or more columns either in ascending or descending order. When sorting is applied, the rows are rearranged based on sort criteria. You can allow users to sort the data by touching or clicking the column header using [SfTreeGrid.AllowSorting](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.SfGridBase.html#Syncfusion_UI_Xaml_Grid_SfGridBase_AllowSorting) property to `true`. @@ -196,7 +196,7 @@ You can implement [ISortDirection](https://help.syncfusion.com/cr/uwp/Syncfusion Follow the below steps to add custom comparer to sort using custom logic, -#### Define custom comparer with custom sort logic +### Define custom comparer with custom sort logic In the below code snippet, `FirstName` property is compared based on its string length, instead of default string comparison. @@ -282,7 +282,7 @@ Sorting `FirstName` column sorts the data using custom sort comparer available i [Action](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.GridSortColumnsChangingEventArgs.html#Syncfusion_UI_Xaml_Grid_GridSortColumnsChangingEventArgs_Action) - Gets the action triggered this event. -[Cancel](http://msdn2.microsoft.com/en-us/library/system.componentmodel.canceleventargs.cancel.aspx) - Setting value to `true`, cancels the triggered action. +[Cancel](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.canceleventargs.cancel?view=net-10.0&redirectedfrom=MSDN#System_ComponentModel_CancelEventArgs_Cancel) - Setting value to `true`, cancels the triggered action. [AddedItems](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.GridSortColumnsChangingEventArgs.html#Syncfusion_UI_Xaml_Grid_GridSortColumnsChangingEventArgs_AddedItems) - Gets the list of new `SortColumnDescriptions` that are added. @@ -290,7 +290,7 @@ Sorting `FirstName` column sorts the data using custom sort comparer available i [CancelScroll](https://help.syncfusion.com/cr/uwp/Syncfusion.UI.Xaml.Grid.GridSortColumnsChangingEventArgs.html#Syncfusion_UI_Xaml_Grid_GridSortColumnsChangingEventArgs_CancelScroll) - Gets or sets a value that indicates, whether scroll and bring SelectedItem in view after sorting takes place. -You can prevent sorting for the particular column through [GridSortColumnsChangingEventArgs.Cancel](http://msdn2.microsoft.com/en-us/library/system.componentmodel.canceleventargs.cancel.aspx) property of `SortColumnChanging` event. +You can prevent sorting for the particular column through [GridSortColumnsChangingEventArgs.Cancel](https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.canceleventargs.cancel?view=net-10.0&redirectedfrom=MSDN#System_ComponentModel_CancelEventArgs_Cancel) property of `SortColumnChanging` event. {% tabs %} {% highlight c# %} diff --git a/grid-sdk/uwp/tree-grid/ToolTip.md b/grid-sdk/uwp/tree-grid/ToolTip.md index 08c29caab..58d30a9aa 100644 --- a/grid-sdk/uwp/tree-grid/ToolTip.md +++ b/grid-sdk/uwp/tree-grid/ToolTip.md @@ -1,12 +1,13 @@ --- layout: post -title: ToolTip in UWP TreeGrid control | Syncfusion® -description: Learn here all about ToolTip support in Syncfusion® UWP TreeGrid (SfTreeGrid) control and more. +title: ToolTip in UWP TreeGrid | Syncfusion® +description: ToolTip in UWP TreeGrid displays helpful information on hovering cells with customizable content and styling options. platform: grid-sdk -control: SfTreeGrid +control: TreeGrid documentation: ug --- +# ToolTip in UWP TreeGrid ## Tooltip diff --git a/grid-toc.html b/grid-toc.html index a7cf1f818..f3c426432 100644 --- a/grid-toc.html +++ b/grid-toc.html @@ -4158,7 +4158,8 @@
  • Clipboard Operations
  • ToolTip
  • Conditional Styling
    • - +
  • Row Drag and Drop
    • +
  • Interactive Features
  • Rows
  • Localization
  • Node CheckBox
    • @@ -4181,6 +4182,8 @@
  • Grid Layout
  • Display Options
  • State Persistence
    • +
  • Hiding Sub-Totals
    • +
  • Hiding Grand Totals
  • Serialization and Deserialization