From f3791b45abd1f9a5f855673e68b9817d4d452b31 Mon Sep 17 00:00:00 2001 From: Sanjai-SF5070 Date: Fri, 7 Aug 2026 21:28:18 +0530 Subject: [PATCH 1/3] 1046383: Migrated SEO changes to SDK hotfix branch --- .../tree-grid/columns/column-chooser.md | 6 +- .../blazor/tree-grid/columns/column-menu.md | 6 +- .../tree-grid/columns/column-reorder.md | 6 +- .../tree-grid/columns/column-resizing.md | 6 +- .../tree-grid/columns/column-spanning.md | 4 +- .../tree-grid/columns/column-template.md | 6 +- .../tree-grid/editing/auto-fill-like-excel.md | 105 ------------------ .../blazor/tree-grid/editing/batch-editing.md | 6 +- .../tree-grid/editing/cell-edit-types.md | 6 +- .../blazor/tree-grid/editing/cell-editing.md | 6 +- .../tree-grid/editing/column-validation.md | 6 +- .../editing/command-column-editing.md | 6 +- .../tree-grid/editing/dialog-editing.md | 6 +- grid-sdk/blazor/tree-grid/editing/edit.md | 6 +- .../tree-grid/editing/entity-frame-work.md | 6 +- .../blazor/tree-grid/editing/row-editing.md | 6 +- .../tree-grid/editing/template-editing.md | 6 +- .../tree-grid/filtering/excel-like-filter.md | 6 +- .../blazor/tree-grid/filtering/filter-bar.md | 6 +- .../blazor/tree-grid/filtering/filter-menu.md | 6 +- .../tree-grid/how-to/access-public-methods.md | 6 +- ...ate-column-value-based-on-other-columns.md | 6 +- .../how-to/change-data-source-dynamically.md | 6 +- .../custom-control-in-treegrid-toolbar.md | 6 +- .../how-to/customize-column-styles.md | 6 +- 25 files changed, 71 insertions(+), 176 deletions(-) delete mode 100644 grid-sdk/blazor/tree-grid/editing/auto-fill-like-excel.md diff --git a/grid-sdk/blazor/tree-grid/columns/column-chooser.md b/grid-sdk/blazor/tree-grid/columns/column-chooser.md index ee4c93769..e7db85d39 100644 --- a/grid-sdk/blazor/tree-grid/columns/column-chooser.md +++ b/grid-sdk/blazor/tree-grid/columns/column-chooser.md @@ -1,13 +1,13 @@ --- layout: post -title: Column Chooser in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about column chooser in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Column Chooser | Syncfusion +description: Learn how to use the column chooser in Blazor TreeGrid to show, hide, and manage columns for a personalized data viewing experience. platform: grid-sdk control: Tree Grid documentation: ug --- -# Column Chooser in Blazor Tree Grid Component +# Column Chooser in Blazor TreeGrid The column chooser has options to show or hide columns dynamically. It can be enabled by defining the [ShowColumnChooser](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ShowColumnChooser) as true. diff --git a/grid-sdk/blazor/tree-grid/columns/column-menu.md b/grid-sdk/blazor/tree-grid/columns/column-menu.md index 61237f61a..fe50c138d 100644 --- a/grid-sdk/blazor/tree-grid/columns/column-menu.md +++ b/grid-sdk/blazor/tree-grid/columns/column-menu.md @@ -1,13 +1,13 @@ --- layout: post -title: Column Menu in Blazor Tree Grid Component | Syncfusion® -description: Checkout here and learn more details about the column menu in the Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Column Menu | Syncfusion +description: Learn how to use the column menu in Blazor TreeGrid to sort, filter, show or hide columns, and customize data operations. platform: grid-sdk control: Tree Grid documentation: ug --- -# Column menu in Blazor Tree Grid Component +# Column Menu in Blazor TreeGrid The column menu has options to integrate features like sorting, filtering, and autofit. It shows a menu with the integrated feature when users click on an icon in the column header. To enable column menu, define the [ShowColumnMenu](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~ShowColumnMenu.html) property as true. diff --git a/grid-sdk/blazor/tree-grid/columns/column-reorder.md b/grid-sdk/blazor/tree-grid/columns/column-reorder.md index d1eb295e0..1356a3307 100644 --- a/grid-sdk/blazor/tree-grid/columns/column-reorder.md +++ b/grid-sdk/blazor/tree-grid/columns/column-reorder.md @@ -1,13 +1,13 @@ --- layout: post -title: Column Reorder in Blazor Tree Grid Component | Syncfusion® -description: Checkout here and learn more details about the column reorder in the Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Column Reordering | Syncfusion +description: Learn how to reorder columns in Blazor TreeGrid, customize column positions, and improve data organization for users. platform: grid-sdk control: Tree Grid documentation: ug --- -# Column Reorder in Blazor Tree Grid Component +# Column Reordering in Blazor TreeGrid Reordering can be done by drag and drop of a particular column header from one index to another index within the tree grid. To enable reordering, set the [AllowReordering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AllowReordering) property to true. diff --git a/grid-sdk/blazor/tree-grid/columns/column-resizing.md b/grid-sdk/blazor/tree-grid/columns/column-resizing.md index 2d3fe1021..8dd07a36c 100644 --- a/grid-sdk/blazor/tree-grid/columns/column-resizing.md +++ b/grid-sdk/blazor/tree-grid/columns/column-resizing.md @@ -1,13 +1,13 @@ --- layout: post -title: Column Resizing in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about column resizing in the Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Column Resizing | Syncfusion +description: Learn how to resize columns in Blazor TreeGrid, set minimum and maximum widths, and improve data presentation and usability. platform: grid-sdk control: Tree Grid documentation: ug --- -# Column Resizing in Blazor Tree Grid +# Column Resizing in Blazor TreeGrid Column width can be resized by clicking and dragging the right edge of the column header. While dragging, the width of the respective column will be resized immediately. Each column can be auto resized by double-clicking the right edge of the column header to fit the width of that column based on the widest cell content. To enable column resize, set the [AllowResizing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AllowResizing) property to true. diff --git a/grid-sdk/blazor/tree-grid/columns/column-spanning.md b/grid-sdk/blazor/tree-grid/columns/column-spanning.md index 9f6ae63fb..5f3759459 100644 --- a/grid-sdk/blazor/tree-grid/columns/column-spanning.md +++ b/grid-sdk/blazor/tree-grid/columns/column-spanning.md @@ -1,7 +1,7 @@ --- layout: post -title: Column Spanning in Blazor Tree Grid Component | Syncfusion® -description: Check out here and learn more details about the column spanning in the Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Column Spanning | Syncfusion +description: Learn how to use column spanning in Blazor TreeGrid to merge adjacent cells, improve data presentation, and enhance grid readability. platform: grid-sdk control: Tree Grid documentation: ug diff --git a/grid-sdk/blazor/tree-grid/columns/column-template.md b/grid-sdk/blazor/tree-grid/columns/column-template.md index a032b64d4..66a1134d9 100644 --- a/grid-sdk/blazor/tree-grid/columns/column-template.md +++ b/grid-sdk/blazor/tree-grid/columns/column-template.md @@ -1,13 +1,13 @@ --- layout: post -title: Column Template in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about column template in the Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Column Template | Syncfusion +description: Learn how to use column templates in Blazor TreeGrid to display custom content, apply conditional rendering, and enhance data presentation. platform: grid-sdk control: Tree Grid documentation: ug --- -# Column Template in Blazor Tree Grid +# Column Template in Blazor TreeGrid N> Before adding column template to the tree grid, it is recommended to go through the [template](../templates) section topic to configure the template. diff --git a/grid-sdk/blazor/tree-grid/editing/auto-fill-like-excel.md b/grid-sdk/blazor/tree-grid/editing/auto-fill-like-excel.md deleted file mode 100644 index 1d831ad65..000000000 --- a/grid-sdk/blazor/tree-grid/editing/auto-fill-like-excel.md +++ /dev/null @@ -1,105 +0,0 @@ ---- -layout: post -title: AutoFill in Blazor TreeGrid Component | Syncfusion® -description: Checkout and learn here the features about auto fill in Blazor TreeGrid component and much more details. -platform: grid-sdk -control: Tree Grid -documentation: ug ---- - -# AutoFill in Blazor TreeGrid - -AutoFill Feature allows to copy the data of the selected cells and paste it to another cells by just dragging the autofill icon of the selected cells up to the required cells. This feature is enabled by defining [EnableAutoFill](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EnableAutoFill) property as true. - -{% tabs %} - -{% highlight razor %} - -@using TreeGridComponent.Data; -@using Syncfusion.Blazor.TreeGrid; - - - - - - - - - - - - - - - - - - - - - - - -@code { - public List TreeData { get; set; } - protected override void OnInitialized() - { - this.TreeData = BusinessObject.GetSelfDataSource().ToList(); - } -} - -{% endhighlight %} - -{% highlight c# %} - -namespace TreeGridComponent.Data { - public class BusinessObject - { - public int TaskId { get; set;} - public string TaskName { get; set;} - public DateTime? StartDate { get; set;} - public int? Duration { get; set;} - public int? Progress { get; set;} - public string Priority { get; set;} - public int? ParentId { get; set;} - - public static List GetSelfDataSource() - { - List BusinessObjectCollection = new List(); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 1,TaskName = "Parent Task 1",StartDate = new DateTime(2017, 10, 23),Duration = 10,Progress = 70,Priority = "Critical",ParentId = null }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 2,TaskName = "Child task 1",StartDate = new DateTime(2017, 10, 23),Duration = 12,Progress = 80,Priority = "Low",ParentId = 1 }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 3,TaskName = "Child Task 2",StartDate = new DateTime(2017, 10, 24),Duration = 5,Progress = 65,Priority = "Critical",ParentId = 2 }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 4,TaskName = "Child task 3",StartDate = new DateTime(2017, 10, 25),Duration = 6,Priority = "High",Progress = 77,ParentId = 3 }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 5, TaskName = "Child Task 5",StartDate = new DateTime(2017, 10, 26), Duration = 9, Progress = 25, ParentId = 4, Priority = "Normal" }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 6, TaskName = "Child Task 6",StartDate = new DateTime(2017, 10, 27), Duration = 9, Progress = 7, ParentId = 5, Priority = "Normal" }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 7, TaskName = "Parent Task 3",StartDate = new DateTime(2017, 10, 28), Duration = 4, Progress = 45, ParentId = null, Priority = "High" }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 8, TaskName = "Child Task 7",StartDate = new DateTime(2017, 10, 29), Duration = 3, Progress = 38, ParentId = 7, Priority = "Critical" }); - BusinessObjectCollection.Add(new BusinessObject() { TaskId = 9, TaskName = "Child Task 8",StartDate = new DateTime(2017, 10, 30), Duration = 7, Progress = 70, ParentId = 7, Priority = "Low" }); - return BusinessObjectCollection; - } - } - -} - -{% endhighlight %} - -{% endtabs %} - -N> * If [EnableAutoFill](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EnableAutoFill) is set to true, then the autofill icon will be displayed on cell selection to copy cells. -
* It requires the selection [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridSelectionSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridSelectionSettings_Mode) to be `Cell`, [CellSelectionMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridSelectionSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridSelectionSettings_CellSelectionMode) to be `Box` and also Batch Editing should be enabled. - -The following GIF represent a tree grid with auto fill feature. -![Auto FIll in Blazor TreeGrid](../images/blazor-treegrid-auto-fill.webp) - - -## Limitations of AutoFill - -* Since the string values are not parsed to number and date type, so when the selected string type cells are dragged to the number type cells then it will be displayed as **NaN**. For date type cells, when the selected string type cells are dragged to date type cells then it will be displayed as an **empty cell**. -* Linear series and the sequential data generations are not supported in this autofill feature. diff --git a/grid-sdk/blazor/tree-grid/editing/batch-editing.md b/grid-sdk/blazor/tree-grid/editing/batch-editing.md index 735af2031..9d162b670 100644 --- a/grid-sdk/blazor/tree-grid/editing/batch-editing.md +++ b/grid-sdk/blazor/tree-grid/editing/batch-editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Batch Editing in Blazor TreeGrid Component | Syncfusion® -description: Checkout and learn here all about Batch Editing in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Batch Editing | Syncfusion +description: Learn how to perform batch editing in Blazor TreeGrid, update multiple records at once, validate changes, and improve editing efficiency. platform: grid-sdk control: TreeGrid documentation: ug --- -# Batch Editing in Blazor TreeGrid Component +# Batch Editing in Blazor TreeGrid Batch editing allows making multiple edits across cells and rows before committing changes to the data source. Double-click a cell to enter edit mode; edits are staged on the client and can be saved together or discarded. Save changes by clicking the toolbar **Update** button or by calling [EndEditAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EndEditAsync). To enable Batch editing, set the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) property of TreeGridEditSettings to **Batch**. diff --git a/grid-sdk/blazor/tree-grid/editing/cell-edit-types.md b/grid-sdk/blazor/tree-grid/editing/cell-edit-types.md index 484798571..c6a8cef50 100644 --- a/grid-sdk/blazor/tree-grid/editing/cell-edit-types.md +++ b/grid-sdk/blazor/tree-grid/editing/cell-edit-types.md @@ -1,13 +1,13 @@ --- layout: post -title: Cell Edit Types in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about Cell Edit Types in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Cell Edit Types | Syncfusion +description: Learn how to use different cell edit types in Blazor TreeGrid, configure editor parameters, and customize editing experiences. platform: grid-sdk control: Tree Grid documentation: ug --- -# Cell edit type and its params in Blazor Tree Grid Component +# Cell Edit Template in Blazor TreeGrid The [TreeGridColumn.EditType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_EditType) is used to customize the edit type of the particular column. The [TreeGridColumn.EditType](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_EditType) can be set based on the data type of the column. diff --git a/grid-sdk/blazor/tree-grid/editing/cell-editing.md b/grid-sdk/blazor/tree-grid/editing/cell-editing.md index 8ade63b0e..dde4fd273 100644 --- a/grid-sdk/blazor/tree-grid/editing/cell-editing.md +++ b/grid-sdk/blazor/tree-grid/editing/cell-editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Cell Editing in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all the features about Cell Editing in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Cell Editing | Syncfusion +description: Learn how to edit cells in Blazor TreeGrid, configure editing modes, validate input, and customize editing behavior. platform: grid-sdk control: Tree Grid documentation: ug --- -# Cell Editing in Blazor Tree Grid Component +# Cell Editing in Blazor TreeGrid In Cell edit mode, when a cell is double clicked, it is changed to edit state. The cell value can be changed and saved to the data source. To enable Cell edit, set the [TreeGridEditSettings.Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) as **Cell**. diff --git a/grid-sdk/blazor/tree-grid/editing/column-validation.md b/grid-sdk/blazor/tree-grid/editing/column-validation.md index b93b8fe7c..76f997146 100644 --- a/grid-sdk/blazor/tree-grid/editing/column-validation.md +++ b/grid-sdk/blazor/tree-grid/editing/column-validation.md @@ -1,13 +1,13 @@ --- layout: post -title: Column Validation in Blazor TreeGrid Component | Syncfusion® -description: Checkout and learn here all about column validation in Blazor TreeGrid component and much more details. +title: Blazor TreeGrid Column Validation | Syncfusion +description: Learn how to validate columns in Blazor TreeGrid using built-in rules, custom validation logic, and required field validation to ensure data accuracy. platform: grid-sdk control: Tree Grid documentation: ug --- -# Column validation in Blazor TreeGrid Component +# Column Validation in Blazor TreeGrid Column validation allows to validate the edited or added row data and it displays errors for invalid fields before saving data. Tree Grid uses **Form Validator** component for column validation. The validation rules can be set by defining the [TreeGridColumn. ValidationRules](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.TreeGridColumn~ValidationRules.html). diff --git a/grid-sdk/blazor/tree-grid/editing/command-column-editing.md b/grid-sdk/blazor/tree-grid/editing/command-column-editing.md index 22551547d..4f34a87fa 100644 --- a/grid-sdk/blazor/tree-grid/editing/command-column-editing.md +++ b/grid-sdk/blazor/tree-grid/editing/command-column-editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Command Column Editing in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about Command Column Editing in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Command Column Editing | Syncfusion +description: Learn how to use command column editing in Blazor TreeGrid to perform CRUD actions, customize command buttons, and streamline data management. platform: grid-sdk control: Tree Grid documentation: ug --- -# Command Column Editing in Blazor Tree Grid Component +# Command Column Editing in Blazor TreeGrid The command column provides an option to add CRUD action buttons in a column. This can be defined by the [TreeGridColumn.Commands](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_Commands) property. diff --git a/grid-sdk/blazor/tree-grid/editing/dialog-editing.md b/grid-sdk/blazor/tree-grid/editing/dialog-editing.md index 1bcd42189..8d7189e8b 100644 --- a/grid-sdk/blazor/tree-grid/editing/dialog-editing.md +++ b/grid-sdk/blazor/tree-grid/editing/dialog-editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Dialog Editing in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about Dialog Editing in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Dialog Editing | Syncfusion +description: Learn how to implement dialog editing in Blazor TreeGrid, customize editing forms, validate input, and improve user interactions. platform: grid-sdk control: Tree Grid documentation: ug --- -# Dialog Editing in Blazor Tree Grid Component +# Dialog Editing in Blazor TreeGrid In Dialog edit mode, while editing the currently selected row, data will be shown on a dialog. The cell values and save edited data can be changed to the data source. To enable Dialog edit, set the [TreeGridEditSettings.Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) as **Dialog**. diff --git a/grid-sdk/blazor/tree-grid/editing/edit.md b/grid-sdk/blazor/tree-grid/editing/edit.md index f359f5745..9ce5fac7a 100644 --- a/grid-sdk/blazor/tree-grid/editing/edit.md +++ b/grid-sdk/blazor/tree-grid/editing/edit.md @@ -1,13 +1,13 @@ --- layout: post -title: Editing in Blazor TreeGrid Component | Syncfusion® -description: Checkout and learn how to enable and use editing in the Blazor TreeGrid component and much more details. +title: Blazor TreeGrid Editing | Syncfusion +description: Learn how to enable and customize editing in Blazor TreeGrid, manage CRUD operations, validate data, and improve editing workflows. platform: grid-sdk control: TreeGrid documentation: ug --- -# Editing in Blazor TreeGrid Component +# Editing in Blazor TreeGrid The TreeGrid supports dynamically inserting, updating, and deleting records. Enable editing using [TreeGridEditSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html), and define a primary key column to support CRUD operations. diff --git a/grid-sdk/blazor/tree-grid/editing/entity-frame-work.md b/grid-sdk/blazor/tree-grid/editing/entity-frame-work.md index 235bae31b..f3a6e4740 100644 --- a/grid-sdk/blazor/tree-grid/editing/entity-frame-work.md +++ b/grid-sdk/blazor/tree-grid/editing/entity-frame-work.md @@ -1,13 +1,13 @@ --- layout: post -title: Entity Framework in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about Entity Framework in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Entity Framework Integration | Syncfusion +description: Learn how to integrate Entity Framework with Blazor TreeGrid to perform CRUD operations, bind database records, and manage data efficiently. platform: grid-sdk control: Tree Grid documentation: ug --- -# Entity Framework in Blazor Tree Grid Component +# Entity Framework in Blazor TreeGrid This section uses and follows the code explained in the [Entity Framework data binding](https://blazor.syncfusion.com/documentation/treegrid/data-binding#entity-framework) section hence it is recommended to refer Entity Framework data binding section before continue this section. diff --git a/grid-sdk/blazor/tree-grid/editing/row-editing.md b/grid-sdk/blazor/tree-grid/editing/row-editing.md index b4bde430f..645c396fb 100644 --- a/grid-sdk/blazor/tree-grid/editing/row-editing.md +++ b/grid-sdk/blazor/tree-grid/editing/row-editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Row Editing in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all the features about Row Editing in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Row Editing | Syncfusion +description: Learn how to edit rows in Blazor TreeGrid, perform CRUD operations, validate data, and customize row editing workflows. platform: grid-sdk control: Tree Grid documentation: ug --- -# Row Editing in Blazor Tree Grid Component +# Row Editing in Blazor TreeGrid In Row edit mode, when the currently selected record is edited, the entire row is changed to edit state. The cell values of the row can be changed and save edited data to the data source. To enable Row edit, set the [TreeGridEditSettings.Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) as **Row**. diff --git a/grid-sdk/blazor/tree-grid/editing/template-editing.md b/grid-sdk/blazor/tree-grid/editing/template-editing.md index e65019df9..795f51464 100644 --- a/grid-sdk/blazor/tree-grid/editing/template-editing.md +++ b/grid-sdk/blazor/tree-grid/editing/template-editing.md @@ -1,13 +1,13 @@ --- layout: post -title: Template Editing in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about Template Editing in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Template Editing | Syncfusion +description: Learn how to configure template editing in Blazor TreeGrid with inline and dialog modes, custom editors, form templates, and editing events. platform: grid-sdk control: Tree Grid documentation: ug --- -# Template Editing in Blazor Tree Grid Component +# Template Editing in Blazor TreeGrid ## Dialog template diff --git a/grid-sdk/blazor/tree-grid/filtering/excel-like-filter.md b/grid-sdk/blazor/tree-grid/filtering/excel-like-filter.md index 1d7eea1e0..d5be49855 100644 --- a/grid-sdk/blazor/tree-grid/filtering/excel-like-filter.md +++ b/grid-sdk/blazor/tree-grid/filtering/excel-like-filter.md @@ -1,13 +1,13 @@ --- layout: post -title: Excel Like Filter in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all about Excel like filter in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Excel Like Filter | Syncfusion +description: Learn how to use Excel like filtering in Blazor TreeGrid with advanced filtering, search, checkbox filters, and filter customization options. platform: grid-sdk control: Tree Grid documentation: ug --- -# Excel Like Filter in Blazor Tree Grid Component +# Excel Like Filter in Blazor TreeGrid Excel like filter can be enabled by defining the [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.TreeGridFilterSettings~Type.html) of [FilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.TreeGridFilterSettings.html) as **Excel**. The excel menu contains an option such as Sorting, Clear filter, Sub menu for advanced filtering. diff --git a/grid-sdk/blazor/tree-grid/filtering/filter-bar.md b/grid-sdk/blazor/tree-grid/filtering/filter-bar.md index aa40c60e4..f82b46403 100644 --- a/grid-sdk/blazor/tree-grid/filtering/filter-bar.md +++ b/grid-sdk/blazor/tree-grid/filtering/filter-bar.md @@ -1,13 +1,13 @@ --- layout: post -title: Filter Bar in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all the features about Filter Bar in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Filter Bar | Syncfusion +description: Learn how to use the filter bar in Blazor TreeGrid to quickly filter data, customize filter behavior, and improve data discovery. platform: grid-sdk control: Tree Grid documentation: ug --- -# Filter Bar in Blazor Tree Grid Component +# Filter Bar in Blazor TreeGrid By setting the [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~AllowFiltering.html) to true, the filter bar row will render next to the header, which allows to filter data. The records can be filtered with different expressions depending upon the column type. diff --git a/grid-sdk/blazor/tree-grid/filtering/filter-menu.md b/grid-sdk/blazor/tree-grid/filtering/filter-menu.md index c2a2621aa..fdb186600 100644 --- a/grid-sdk/blazor/tree-grid/filtering/filter-menu.md +++ b/grid-sdk/blazor/tree-grid/filtering/filter-menu.md @@ -1,13 +1,13 @@ --- layout: post -title: Filter Menu in Blazor Tree Grid Component | Syncfusion® -description: Checkout and learn here all the features about Filter Menu in Blazor Tree Grid component and much more details. +title: Blazor TreeGrid Filter Menu | Syncfusion +description: Learn how to use the filter menu in Blazor TreeGrid to apply advanced filtering, customize filter options, and improve data filtering experiences. platform: grid-sdk control: Tree Grid documentation: ug --- -# Filter Menu in Blazor Tree Grid Component +# Filter Menu in Blazor TreeGrid The filter menu can be enabled by setting the [Type](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.TreeGridFilterSettings~Type.html) of [FilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.TreeGridFilterSettings.html) as **Menu**. The filter menu UI will be rendered based on its column type, which allows to filter data. The records can be filtered with different operators. diff --git a/grid-sdk/blazor/tree-grid/how-to/access-public-methods.md b/grid-sdk/blazor/tree-grid/how-to/access-public-methods.md index 906f57e37..6609f6250 100644 --- a/grid-sdk/blazor/tree-grid/how-to/access-public-methods.md +++ b/grid-sdk/blazor/tree-grid/how-to/access-public-methods.md @@ -1,13 +1,13 @@ --- layout: post -title: Access public methods in Blazor TreeGrid Component | Syncfusion® -description: Learn here all about accessing public methods in Tree Grid in Blazor TreeGrid component and much more details. +title: Blazor TreeGrid Access Public Methods | Syncfusion +description: Learn how to access public methods in Blazor TreeGrid to perform programmatic operations, manage data, and customize grid behavior. platform: grid-sdk control: Tree Grid documentation: ug --- -# Access public methods in Tree Grid in Blazor TreeGrid Component +# Access Public Methods in Blazor TreeGrid The public methods available in the Tree Grid component can be accessed by using its reference defined in the component initialization. diff --git a/grid-sdk/blazor/tree-grid/how-to/calculate-column-value-based-on-other-columns.md b/grid-sdk/blazor/tree-grid/how-to/calculate-column-value-based-on-other-columns.md index 1013fffbb..0c96bf937 100644 --- a/grid-sdk/blazor/tree-grid/how-to/calculate-column-value-based-on-other-columns.md +++ b/grid-sdk/blazor/tree-grid/how-to/calculate-column-value-based-on-other-columns.md @@ -1,13 +1,13 @@ --- layout: post -title: Calculate column value in Blazor TreeGrid | Syncfusion® -description: Learn here all about how to calculate column value based on other columns in Blazor TreeGrid component and more. +title: Blazor TreeGrid Column Values Based on Other Columns | Syncfusion +description: Learn how to calculate column values from other columns in Blazor TreeGrid using custom logic, formulas, and computed fields. platform: grid-sdk control: Tree Grid documentation: ug --- -# Calculate column value based on other columns in Blazor TreeGrid +# Calculate Column Values Based on Other Columns in Blazor TreeGrid The values for a Tree Grid column can be calculated based on other column values by using the **context** parameter in the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_Template) property of the [TreeGridColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html) component. Inside the [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_Template), the column values can be accessed using the implicit named parameter **context** and then calculate the values for the new column as required. diff --git a/grid-sdk/blazor/tree-grid/how-to/change-data-source-dynamically.md b/grid-sdk/blazor/tree-grid/how-to/change-data-source-dynamically.md index c88c691d8..e7a641253 100644 --- a/grid-sdk/blazor/tree-grid/how-to/change-data-source-dynamically.md +++ b/grid-sdk/blazor/tree-grid/how-to/change-data-source-dynamically.md @@ -1,13 +1,13 @@ --- layout: post -title: Change datasource dynamically in Blazor TreeGrid | Syncfusion® -description: Learn here all about how to change datasource dynamically in Blazor TreeGrid component and much more details. +title: Blazor TreeGrid Change Datasource Dynamically | Syncfusion +description: Learn how to change data sources dynamically in Blazor TreeGrid, update data at runtime, and manage different datasets efficiently. platform: grid-sdk control: Tree Grid documentation: ug --- -# Change datasource dynamically in Blazor TreeGrid Component +# Change Data Source Dynamically in Blazor TreeGrid The [DataSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_DataSource) of the Tree Grid component can be changed dynamically through an external button. diff --git a/grid-sdk/blazor/tree-grid/how-to/custom-control-in-treegrid-toolbar.md b/grid-sdk/blazor/tree-grid/how-to/custom-control-in-treegrid-toolbar.md index 53de413be..e66d2545a 100644 --- a/grid-sdk/blazor/tree-grid/how-to/custom-control-in-treegrid-toolbar.md +++ b/grid-sdk/blazor/tree-grid/how-to/custom-control-in-treegrid-toolbar.md @@ -1,13 +1,13 @@ --- layout: post -title: Custom control in Blazor TreeGrid Toolbar | Syncfusion® -description: Learn here all about Custom control in Tree Grid toolbar in Blazor TreeGrid component and much more details. +title: Blazor TreeGrid Custom Toolbar Controls | Syncfusion +description: Learn how to add custom controls to the Blazor TreeGrid toolbar, create custom actions, and enhance user interactions. platform: grid-sdk control: Tree Grid documentation: ug --- -# Custom control in Tree Grid toolbar in Blazor TreeGrid Component +# Custom Toolbar Controls in Blazor TreeGrid The custom controls can be rendered inside the Tree Grid's toolbar area. This can be achieved by initializing the custom controls within the Template property of the Toolbar component. This toolbar component is defined inside the Tree Grid component. diff --git a/grid-sdk/blazor/tree-grid/how-to/customize-column-styles.md b/grid-sdk/blazor/tree-grid/how-to/customize-column-styles.md index d87feb7e5..b3937da67 100644 --- a/grid-sdk/blazor/tree-grid/how-to/customize-column-styles.md +++ b/grid-sdk/blazor/tree-grid/how-to/customize-column-styles.md @@ -1,13 +1,13 @@ --- layout: post -title: Customize Column Styles in Blazor TreeGrid Component | Syncfusion® -description: Checkout and learn here all about Customize Column Styles in Blazor TreeGrid component and much more details. +title: Blazor TreeGrid Column Styles Customization | Syncfusion +description: Learn how to customize column styles in Blazor TreeGrid using formatting, conditional styling, and appearance settings to improve readability. platform: grid-sdk control: Tree Grid documentation: ug --- -# Customize Column Styles in Blazor TreeGrid Component +# Column Styles Customization in Blazor TreeGrid The appearance of the header and content of a particular column can be customized using the [CustomAttributes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_CustomAttributes) property. From 87c5d7089f8e46714fdfb38c6910c269fed5dd49 Mon Sep 17 00:00:00 2001 From: SyncfusionBuild <89958145+SyncfusionBuild@users.noreply.github.com> Date: Tue, 11 Aug 2026 15:23:04 +0530 Subject: [PATCH 2/3] Update Jenkinsfile --- Jenkinsfile | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/Jenkinsfile b/Jenkinsfile index 331da16d4..f827c826a 100644 --- a/Jenkinsfile +++ b/Jenkinsfile @@ -2,12 +2,12 @@ node('content') { timestamps { - - def Content=""; + + def Content=""; env.PATH = "${ProgramFiles}"+"\\Git\\mingw64\\bin;${env.PATH}" timeout(time: 7200000, unit: 'MILLISECONDS') { -String platform='grid-sdk'; + String platform='gird-sdk'; try { //Clone scm repository in Workspace source directory @@ -17,7 +17,6 @@ String platform='grid-sdk'; { checkout scm - def page = 1 while(true) { @@ -39,21 +38,20 @@ String platform='grid-sdk'; } page++ } - + + if (Content) { writeFile file: env.WORKSPACE+"/cireports/content.txt", text: Content } else { writeFile file: env.WORKSPACE+"/cireports/content.txt", text: "There are no filepaths found for this commit." } - } //Checkout the ug_spellchecker from development Source checkout([$class: 'GitSCM', branches: [[name: '*/development']], doGenerateSubmoduleConfigurations: false, extensions: [[$class: 'RelativeTargetDirectory', relativeTargetDir: 'ug_spellchecker']], submoduleCfg: [], userRemoteConfigs: [[credentialsId: env.githubCredentialId, url: 'https://github.com/syncfusion-content/ug_spellchecker.git']]]) } - } catch(Exception e) @@ -68,7 +66,7 @@ if(currentBuild.result != 'FAILURE') { gitlabCommitStatus("Build") { - bat 'powershell.exe -ExecutionPolicy ByPass -File '+env.WORKSPACE+"/ug_spellchecker/build.ps1 -Script "+env.WORKSPACE+"/ug_spellchecker/build.cake -Target build -Platform \""+platform+"\" -Targetbranch "+env.githubTargetBranch+" -Branch "+'"'+env.githubSourceBranch+'"' + bat 'powershell.exe -ExecutionPolicy ByPass -File '+env.WORKSPACE+"/ug_spellchecker/build.ps1 -Script "+env.WORKSPACE+"/ug_spellchecker/build.cake -Target build -Platform \""+platform+"\" -Targetbranch "+env.githubTargetBranch+" -Branch "+'"'+env.githubSourceBranch+'"' } def files = findFiles(glob: '**/cireports/errorlogs/*.txt') @@ -93,6 +91,7 @@ if(currentBuild.result != 'FAILURE') { archiveArtifacts artifacts: 'cireports/', excludes: null } - step([$class: 'WsCleanup']) } + step([$class: 'WsCleanup']) + } } } From a4c8f25275911a9f872038169b2fe41c83b28ae0 Mon Sep 17 00:00:00 2001 From: SyncfusionBuild <89958145+SyncfusionBuild@users.noreply.github.com> Date: Tue, 11 Aug 2026 16:27:03 +0530 Subject: [PATCH 3/3] Update Jenkinsfile --- Jenkinsfile | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/Jenkinsfile b/Jenkinsfile index f827c826a..331da16d4 100644 --- a/Jenkinsfile +++ b/Jenkinsfile @@ -2,12 +2,12 @@ node('content') { timestamps { - - def Content=""; + + def Content=""; env.PATH = "${ProgramFiles}"+"\\Git\\mingw64\\bin;${env.PATH}" timeout(time: 7200000, unit: 'MILLISECONDS') { - String platform='gird-sdk'; +String platform='grid-sdk'; try { //Clone scm repository in Workspace source directory @@ -17,6 +17,7 @@ timestamps { checkout scm + def page = 1 while(true) { @@ -38,20 +39,21 @@ timestamps } page++ } - - + if (Content) { writeFile file: env.WORKSPACE+"/cireports/content.txt", text: Content } else { writeFile file: env.WORKSPACE+"/cireports/content.txt", text: "There are no filepaths found for this commit." } + } //Checkout the ug_spellchecker from development Source checkout([$class: 'GitSCM', branches: [[name: '*/development']], doGenerateSubmoduleConfigurations: false, extensions: [[$class: 'RelativeTargetDirectory', relativeTargetDir: 'ug_spellchecker']], submoduleCfg: [], userRemoteConfigs: [[credentialsId: env.githubCredentialId, url: 'https://github.com/syncfusion-content/ug_spellchecker.git']]]) } + } catch(Exception e) @@ -66,7 +68,7 @@ if(currentBuild.result != 'FAILURE') { gitlabCommitStatus("Build") { - bat 'powershell.exe -ExecutionPolicy ByPass -File '+env.WORKSPACE+"/ug_spellchecker/build.ps1 -Script "+env.WORKSPACE+"/ug_spellchecker/build.cake -Target build -Platform \""+platform+"\" -Targetbranch "+env.githubTargetBranch+" -Branch "+'"'+env.githubSourceBranch+'"' + bat 'powershell.exe -ExecutionPolicy ByPass -File '+env.WORKSPACE+"/ug_spellchecker/build.ps1 -Script "+env.WORKSPACE+"/ug_spellchecker/build.cake -Target build -Platform \""+platform+"\" -Targetbranch "+env.githubTargetBranch+" -Branch "+'"'+env.githubSourceBranch+'"' } def files = findFiles(glob: '**/cireports/errorlogs/*.txt') @@ -91,7 +93,6 @@ if(currentBuild.result != 'FAILURE') { archiveArtifacts artifacts: 'cireports/', excludes: null } - step([$class: 'WsCleanup']) - } + step([$class: 'WsCleanup']) } } }