diff --git a/blazor/treegrid/clipboard.md b/blazor/treegrid/clipboard.md index 2b4ff6d493..8391f40e3e 100644 --- a/blazor/treegrid/clipboard.md +++ b/blazor/treegrid/clipboard.md @@ -87,7 +87,7 @@ namespace TreeGridComponent.Data { ## Copy to clipboard by external buttons -To copy the data of the selected rows or cells into the clipboard with help of external buttons, invoke the `copy` method. +To copy the data of the selected rows or cells into the clipboard with help of external buttons, invoke the `copyAsync` method. {% tabs %} @@ -123,12 +123,12 @@ To copy the data of the selected rows or cells into the clipboard with help of e public async void Copy() { - await this.TreeGrid.Copy(); + await this.TreeGrid.CopyAsync(); } public async void CopyHeader() { - await this.TreeGrid.Copy(true); + await this.TreeGrid.CopyAsync(true); } } diff --git a/blazor/treegrid/columns/column-chooser.md b/blazor/treegrid/columns/column-chooser.md index 71e233b827..f9c8cca2bf 100644 --- a/blazor/treegrid/columns/column-chooser.md +++ b/blazor/treegrid/columns/column-chooser.md @@ -114,7 +114,7 @@ The column chooser has options to show or hide columns dynamically. It can be en } public void Show() { - this.TreeGrid.OpenColumnChooser(200, 50); + this.TreeGrid.OpenColumnChooserAsync(200, 50); } } diff --git a/blazor/treegrid/columns/columns.md b/blazor/treegrid/columns/columns.md index 521c47bfc6..92507a2bcd 100644 --- a/blazor/treegrid/columns/columns.md +++ b/blazor/treegrid/columns/columns.md @@ -467,7 +467,7 @@ public class TreeDataFormat ## AutoFit specific columns -The **AutoFitColumns** method resizes the column to fit the widest cell's content without wrapping. A specific column can be autofitted at initial rendering by invoking the [AutoFitColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AutoFitColumnsAsync_System_String___) method in [DataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_DataBound) event. +The **AutoFitColumnsAsync** method resizes the column to fit the widest cell's content without wrapping. A specific column can be autofitted at initial rendering by invoking the [AutoFitColumnsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AutoFitColumnsAsync_System_String___) method in [DataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_DataBound) event. {% tabs %} @@ -498,7 +498,7 @@ The **AutoFitColumns** method resizes the column to fit the widest cell's conten private void OnDataBound(object e) { - this.TreeGrid.AutoFitColumns(new List() { "TaskName" }); + this.TreeGrid.AutoFitColumnsAsync(new List() { "TaskName" }); } } @@ -543,7 +543,7 @@ public class TreeData ![Blazor Tree Grid with AutoFit Columns](../images/blazor-treegrid-autofit-column.png) -N> All the columns can be autofitted by invoking the **AutoFitColumns** method without column names. +N> All the columns can be autofitted by invoking the **AutoFitColumnsAsync** method without column names. ## Lock columns @@ -842,7 +842,7 @@ public class TreeData ## Show or Hide Columns by external button -The tree grid columns can be shown or hidden dynamically using the external buttons by invoking the [ShowColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ShowColumns_System_Object_System_String_) or [HideColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_HideColumns_System_Object_System_String_) method. +The tree grid columns can be shown or hidden dynamically using the external buttons by invoking the [ShowColumnsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ShowColumnsAsync_System_String___System_String_) or [HideColumnsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_HideColumnsAsync_System_String___System_String_) method. {% tabs %} @@ -874,11 +874,11 @@ The tree grid columns can be shown or hidden dynamically using the external butt } private void HideColumns() { - this.TreeGrid.HideColumns(ColumnItems); //hide by HeaderText + this.TreeGrid.HideColumnsAsync(ColumnItems); //hide by HeaderText } private void ShowColumns() { - this.TreeGrid.ShowColumns(ColumnItems); //show by HeaderText + this.TreeGrid.ShowColumnsAsync(ColumnItems); //show by HeaderText } } diff --git a/blazor/treegrid/context-menu.md b/blazor/treegrid/context-menu.md index 9465124c30..2c4a33c714 100644 --- a/blazor/treegrid/context-menu.md +++ b/blazor/treegrid/context-menu.md @@ -135,7 +135,7 @@ The following sample code demonstrates defining custom context menu item and its { if (args.Item.Id == "copywithheader") { - this.TreeGrid.Copy(true); + this.TreeGrid.CopyAsync(true); } } } diff --git a/blazor/treegrid/editing/batch-editing.md b/blazor/treegrid/editing/batch-editing.md index 9b0fdccbfe..3bcb7195e7 100644 --- a/blazor/treegrid/editing/batch-editing.md +++ b/blazor/treegrid/editing/batch-editing.md @@ -9,7 +9,7 @@ documentation: ug # Batch Editing in Blazor Tree Grid Component -In the Batch edit mode, when the tree grid cell is double-clicked, the target cell goes into edit state. It can be bulk saved (added, changed and deleted data in the single request) to the data source by clicking on the toolbar's **Update** button or by externally invoking the [EndEdit](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EndEdit) method. +In the Batch edit mode, when the tree grid cell is double-clicked, the target cell goes into edit state. It can be bulk saved (added, changed and deleted data in the single request) to the data source by clicking on the toolbar's **Update** button or by externally invoking the [EndEditAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EndEditAsync) method. To enable Batch edit, set the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEditSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridEditSettings_Mode) property of the `TreeGridEditSettings` as **Batch**. {% tabs %} diff --git a/blazor/treegrid/editing/dialog-editing.md b/blazor/treegrid/editing/dialog-editing.md index 4c5f096fd9..fac5946bb0 100644 --- a/blazor/treegrid/editing/dialog-editing.md +++ b/blazor/treegrid/editing/dialog-editing.md @@ -134,11 +134,11 @@ In the following example, the dialog's header text and footer button content are } public async Task Cancel() { - await TreeGrid.CloseEdit(); //Cancel editing action + await TreeGrid.CloseEditAsync(); //Cancel editing action } public async Task Save() { - await TreeGrid.EndEdit(); //Save the edited/added data to Grid + await TreeGrid.EndEditAsync(); //Save the edited/added data to Grid } protected override void OnInitialized() { diff --git a/blazor/treegrid/editing/edit.md b/blazor/treegrid/editing/edit.md index 90585f3922..91c8609f12 100644 --- a/blazor/treegrid/editing/edit.md +++ b/blazor/treegrid/editing/edit.md @@ -587,10 +587,10 @@ public class TreeData ## Performing CRUD operations programmatically -Perform the CRUD operations like **Add**, **Update**, **Delete** by using the `AddRecord`, `UpdateRow`, `DeleteRow` methods. +Perform the CRUD operations like **Add**, **Update**, **Delete** by using the `AddRecordAsync`, `UpdateRowAsync`, `DeleteRow` methods. -* **AddRecord** - Add a new record into the tree grid. -* **UpdateRow** - Update an existing record in a tree grid. +* **AddRecordAsync** - Add a new record into the tree grid. +* **UpdateRowAsync** - Update an existing record in a tree grid. * **DeleteRow** - Delete a selected row from the tree grid. {% tabs %} @@ -634,7 +634,7 @@ Perform the CRUD operations like **Add**, **Update**, **Delete** by using the `A Priority = "Low", ParentId = null }; - await this.treegrid.AddRecord(adddata); + await this.treegrid.AddRecordAsync(adddata); } public async Task Update() @@ -645,7 +645,7 @@ Perform the CRUD operations like **Add**, **Update**, **Delete** by using the `A public async Task Delete() { - await this.treegrid.DeleteRecord(); + await this.treegrid.DeleteRecordAsync(); } } @@ -797,7 +797,7 @@ public class TreeData ## Custom external edit form -Perform the edit operation of tree grid in a custom external form. The edit operation can be done by the [RowSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_RowSelected) event and `UpdateRow` method of tree grid. +Perform the edit operation of tree grid in a custom external form. The edit operation can be done by the [RowSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_RowSelected) event and `UpdateRowAsync` method of tree grid. {% tabs %} @@ -872,7 +872,7 @@ Perform the edit operation of tree grid in a custom external form. The edit oper } async Task Save() { - await this.treegrid.UpdateRow(1, data); + await this.treegrid.UpdateRowAsync(1, data); } public void RowSelectHandler(RowSelectEventArgs args) { diff --git a/blazor/treegrid/events.md b/blazor/treegrid/events.md index 024710528e..94a76a5dde 100644 --- a/blazor/treegrid/events.md +++ b/blazor/treegrid/events.md @@ -1929,7 +1929,7 @@ The [DetailDataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Tr { if (Args.Item.Text == "PDF Export") { - await this.TreeGrid.PdfExport(); + await this.TreeGrid. ExportToPdfAsync(); } } public void PdfExportHandler(object args) @@ -1991,7 +1991,7 @@ The [DetailDataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Tr { if (Args.Item.Text == "PDF Export") { - await this.TreeGrid.PdfExport(); + await this.TreeGrid.ExportToPdfAsync(); } } public void PdfQueryCellInfoHandler(PdfQueryCellInfoEventArgs args) @@ -2052,7 +2052,7 @@ The [DetailDataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Tr { if (Args.Item.Text == "Excel Export") { - await this.TreeGrid.ExcelExport(); + await this.TreeGrid.ExportToExcelAsync(); } } public void ExcelExportHandler(object args) @@ -2114,7 +2114,7 @@ The [DetailDataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Tr { if (Args.Item.Text == "Excel Export") { - await this.TreeGrid.ExcelExport(); + await this.TreeGrid.ExcelExportAsync(); } } public void ExcelQueryCellInfoHandler(ExcelQueryCellInfoEventArgs args) diff --git a/blazor/treegrid/excel-export.md b/blazor/treegrid/excel-export.md index 3d67fc3aec..14e12e268f 100644 --- a/blazor/treegrid/excel-export.md +++ b/blazor/treegrid/excel-export.md @@ -10,7 +10,7 @@ documentation: ug # Excel Export in Blazor TreeGrid Component The excel export allows exporting Tree Grid data to Excel document. Use the - **ExcelExport** method for exporting. To enable Excel export in the Tree Grid, set the [AllowExcelExport](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AllowExcelExport) property as true. + **ExportToExcelAsync** method for exporting. To enable Excel export in the Tree Grid, set the [AllowExcelExport](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_AllowExcelExport) property as true. To know about exporting tree grid data to Excel document in Blazor tree grid component, you can check on this video. @@ -50,7 +50,7 @@ To know about exporting tree grid data to Excel document in Blazor tree grid com { if(Args.Item.Text == "Excel Export") { - this.TreeGrid.ExcelExport(); + this.TreeGrid.ExportToExcelAsync(); } } } @@ -137,7 +137,7 @@ The excel export provides an option to export the current page into excel. To ex { Syncfusion.Blazor.Grids.ExcelExportProperties ExportProperties = new Syncfusion.Blazor.Grids.ExcelExportProperties(); ExportProperties.ExportType = Syncfusion.Blazor.Grids.ExportType.CurrentPage; - this.TreeGrid.ExcelExport(ExportProperties); + this.TreeGrid.ExportToExcelAsync(ExportProperties); } } } @@ -220,7 +220,7 @@ The excel export provides an option to export hidden columns of Tree Grid by def { Syncfusion.Blazor.Grids.ExcelExportProperties ExportProperties = new Syncfusion.Blazor.Grids.ExcelExportProperties(); ExportProperties.IncludeHiddenColumn = true; - this.TreeGrid.ExcelExport(ExportProperties); + this.TreeGrid.ExportToExcelAsync(ExportProperties); } } } @@ -316,7 +316,7 @@ To apply theme in exported Excel, define the **theme** in export properties. Theme.Record = ThemeStyle; Theme.Caption = ThemeStyle; - this.TreeGrid.ExcelExport(ExportProperties); + this.TreeGrid.ExportToExcelAsync(ExportProperties); } } } @@ -401,7 +401,7 @@ The file name can be assigned for the exported document by defining **fileName** { Syncfusion.Blazor.Grids.ExcelExportProperties ExportProperties = new Syncfusion.Blazor.Grids.ExcelExportProperties(); ExportProperties.FileName = "New.xlsx"; - this.TreeGrid.ExcelExport(ExportProperties); + this.TreeGrid.ExportToExcelAsync(ExportProperties); } } } @@ -446,7 +446,7 @@ public class TreeData ### To persist collapsed state -The collapsed state can be persisted in the exported document by defining **IsCollapsedStatePersist** property as true in the **TreeGridExcelExportProperties** parameter of the [ExcelExport](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ExcelExport_Syncfusion_Blazor_Grids_ExcelExportProperties_System_Nullable_System_Boolean__System_Object_System_Nullable_System_Boolean__) method. +The collapsed state can be persisted in the exported document by defining **IsCollapsedStatePersist** property as true in the **TreeGridExcelExportProperties** parameter of the [ExportToExcelAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ExportToExcelAsync_Syncfusion_Blazor_Grids_ExcelExportProperties_) method. {% tabs %} @@ -483,7 +483,7 @@ The collapsed state can be persisted in the exported document by defining **IsCo { Syncfusion.Blazor.TreeGrid.TreeGridExcelExportProperties ExportProperties = new Syncfusion.Blazor.TreeGrid.TreeGridExcelExportProperties(); ExportProperties.IsCollapsedStatePersist = true; - this.TreeGrid.ExcelExport(ExportProperties); + this.TreeGrid.ExportToExcelAsync(ExportProperties); } } } diff --git a/blazor/treegrid/exporting.md b/blazor/treegrid/exporting.md index 139c0719a6..78098e9f43 100644 --- a/blazor/treegrid/exporting.md +++ b/blazor/treegrid/exporting.md @@ -10,7 +10,7 @@ documentation: ug # PDF Export in Blazor TreeGrid Component PDF export allows exporting Tree Grid data to PDF document. You need to use the - **PdfExport** method for exporting. To enable PDF export in the Tree Grid, set the [AllowPdfExport](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.Grids.EjsGrid~AllowPdfExport.html) as true. + **ExportToPdfAsync** method for exporting. To enable PDF export in the Tree Grid, set the [AllowPdfExport](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.Grids.EjsGrid~AllowPdfExport.html) as true. To know about exporting tree grid data to PDF document in Blazor tree grid component, you can check on this video. @@ -50,7 +50,7 @@ To know about exporting tree grid data to PDF document in Blazor tree grid compo { if(Args.Item.Text == "PDF Export") { - this.TreeGrid.PdfExport(); + this.TreeGrid.ExportToPdfAsync(); } } } @@ -137,7 +137,7 @@ The file name can be assigned for the exported document by defining **fileName** { Syncfusion.Blazor.Grids.PdfExportProperties ExportProperties = new Syncfusion.Blazor.Grids.PdfExportProperties(); ExportProperties.FileName = "test.pdf"; - this.TreeGrid.PdfExport(ExportProperties); + this.TreeGrid.ExportToPdfAsync(ExportProperties); } } } @@ -220,7 +220,7 @@ Page orientation can be changed Landscape(Default Portrait) for the exported doc { Syncfusion.Blazor.Grids.PdfExportProperties ExportProperties = new Syncfusion.Blazor.Grids.PdfExportProperties(); ExportProperties.PageOrientation = Syncfusion.Blazor.Grids.PageOrientation.Landscape; - this.TreeGrid.PdfExport(ExportProperties); + this.TreeGrid.ExportToPdfAsync(ExportProperties); } } } @@ -333,7 +333,7 @@ Supported page sizes are: { Syncfusion.Blazor.Grids.PdfExportProperties ExportProperties = new Syncfusion.Blazor.Grids.PdfExportProperties(); ExportProperties.PageSize = Syncfusion.Blazor.Grids.PdfPageSize.Letter; - this.TreeGrid.PdfExport(ExportProperties); + this.TreeGrid.ExportToPdfAsync(ExportProperties); } } } @@ -416,7 +416,7 @@ PDF export provides an option to export the current page into PDF. To export cur { Syncfusion.Blazor.Grids.PdfExportProperties ExportProperties = new Syncfusion.Blazor.Grids.PdfExportProperties(); ExportProperties.ExportType = Syncfusion.Blazor.Grids.ExportType.CurrentPage; - this.TreeGrid.PdfExport(ExportProperties); + this.TreeGrid.ExportToPdfAsync(ExportProperties); } } } @@ -499,7 +499,7 @@ PDF export provides an option to export hidden columns of the Tree Grid by defin { Syncfusion.Blazor.Grids.PdfExportProperties ExportProperties = new Syncfusion.Blazor.Grids.PdfExportProperties(); ExportProperties.IncludeHiddenColumn = true; - this.TreeGrid.PdfExport(ExportProperties); + this.TreeGrid.ExportToPdfAsync(ExportProperties); } } } @@ -617,7 +617,7 @@ To apply theme in exported PDF, define the **theme** in export properties. }; Theme.Caption = CaptionThemeStyle; ExportProperties.Theme = Theme; - this.TreeGrid.PdfExport(ExportProperties); + this.TreeGrid.ExportToPdfAsync(ExportProperties); } } } diff --git a/blazor/treegrid/filtering/filter-bar.md b/blazor/treegrid/filtering/filter-bar.md index 98e87537ea..befd79cc48 100644 --- a/blazor/treegrid/filtering/filter-bar.md +++ b/blazor/treegrid/filtering/filter-bar.md @@ -152,11 +152,11 @@ In the following sample, the dropdown is used as a custom component in the Durat { List Data = new List(); Data.Add("Duration"); - TreeGrid.ClearFiltering(Data); + TreeGrid.ClearFilteringAsync(Data); } else { - TreeGrid.FilterByColumn("Duration", "equal", Args.Value); + TreeGrid.FilterByColumnAsync("Duration", "equal", Args.Value); } } } diff --git a/blazor/treegrid/filtering/filtering.md b/blazor/treegrid/filtering/filtering.md index be43c3d230..426c7203d9 100644 --- a/blazor/treegrid/filtering/filtering.md +++ b/blazor/treegrid/filtering/filtering.md @@ -82,7 +82,7 @@ namespace TreeGridComponent.Data { ![Filtering in Blazor Tree Grid](../images/blazor-treegrid-filtering.png) -N> * Apply and clear filtering by using the [FilterByColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_FilterByColumnAsync_System_String_System_String_System_Object_System_String_System_Nullable_System_Boolean__System_Nullable_System_Boolean__System_String_System_String_) and [ClearFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ClearFilteringAsync) methods. +N> * Apply and clear filtering by using the [FilterByColumnAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_FilterByColumnAsync_System_String_System_String_System_Object_System_String_System_Nullable_System_Boolean__System_Nullable_System_Boolean__System_String_System_String_) and [ClearFilteringAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ClearFilteringAsync) methods.
* To disable filtering for a particular column, set the `AllowFiltering` property of [Column](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Columns) to false. ## Filter hierarchy modes diff --git a/blazor/treegrid/how-to/access-public-methods.md b/blazor/treegrid/how-to/access-public-methods.md index c8ad425135..3c6d0a541c 100644 --- a/blazor/treegrid/how-to/access-public-methods.md +++ b/blazor/treegrid/how-to/access-public-methods.md @@ -11,7 +11,7 @@ documentation: ug The public methods available in the Tree Grid component can be accessed by using its reference defined in the component initialization. -This is demonstrated in the below sample code where the [Print](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Print) method of the Tree Grid component is invoked on button click using the Tree Grid reference, +This is demonstrated in the below sample code where the [PrintAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_PrintAsync) method of the Tree Grid component is invoked on button click using the Tree Grid reference, {% tabs %} @@ -42,7 +42,7 @@ This is demonstrated in the below sample code where the [Print](https://help.syn public void Print() { - this.TreeGrid.Print(); + this.TreeGrid.PrintAsync(); } protected override void OnInitialized() diff --git a/blazor/treegrid/how-to/custom-control-in-treegrid-toolbar.md b/blazor/treegrid/how-to/custom-control-in-treegrid-toolbar.md index 562f04ea68..d3b9e7878c 100644 --- a/blazor/treegrid/how-to/custom-control-in-treegrid-toolbar.md +++ b/blazor/treegrid/how-to/custom-control-in-treegrid-toolbar.md @@ -78,7 +78,7 @@ This is demonstrated in the below sample code where Autocomplete component is re } public void OnSearch(Syncfusion.Blazor.DropDowns.ChangeEventArgs args) { - this.TreeGrid.Search(args.Value); + this.TreeGrid.SearchAsync(args.Value); } } diff --git a/blazor/treegrid/how-to/row-cell-index.md b/blazor/treegrid/how-to/row-cell-index.md index ccbec2563c..fca9332afe 100644 --- a/blazor/treegrid/how-to/row-cell-index.md +++ b/blazor/treegrid/how-to/row-cell-index.md @@ -9,9 +9,9 @@ documentation: ug # Get index value of selected row cell in Blazor TreeGrid Component -The index value of a selected row cell or row is got by using the [GetSelectedRowCellIndexes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_GetSelectedRowCellIndexes) method of the Tree Grid component. +The index value of a selected row cell or row is got by using the [GetSelectedRowCellIndexesAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_GetSelectedRowCellIndexesAsync) method of the Tree Grid component. -This is demonstrated in the below sample code where the [GetSelectedRowCellIndexes](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_GetSelectedRowCellIndexes) method is called on button click which returns the selected row cell indexes, +This is demonstrated in the below sample code where the [GetSelectedRowCellIndexesAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_GetSelectedRowCellIndexesAsync) method is called on button click which returns the selected row cell indexes, {% tabs %} @@ -47,7 +47,7 @@ This is demonstrated in the below sample code where the [GetSelectedRowCellIndex public async Task SelectedRowCellIndex() { - var value = await this.TreeGrid.GetSelectedRowCellIndexes(); + var value = await this.TreeGrid.GetSelectedRowCellIndexesAsync(); } } diff --git a/blazor/treegrid/how-to/select-treegrid-rows-based-on-condition.md b/blazor/treegrid/how-to/select-treegrid-rows-based-on-condition.md index e3e616c23d..26f3f83f07 100644 --- a/blazor/treegrid/how-to/select-treegrid-rows-based-on-condition.md +++ b/blazor/treegrid/how-to/select-treegrid-rows-based-on-condition.md @@ -9,7 +9,7 @@ documentation: ug # Select rows based on certain condition in Blazor TreeGrid Component -Specific rows in the Tree Grid can be selected based on some conditions by using the [SelectRows](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_SelectRows_System_Double___) method in the [DataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_DataBound) event of the Tree Grid component. +Specific rows in the Tree Grid can be selected based on some conditions by using the [SelectRowsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_SelectRowsAsync_System_Int32___) method in the [DataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_DataBound) event of the Tree Grid component. This is demonstrated in the below sample code where the index value of Tree Grid rows with **Duration** column value greater than 6 are stored in the [RowDataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_RowDataBound) event and then selected in the [DataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_DataBound) event. @@ -49,7 +49,7 @@ This is demonstrated in the below sample code where the index value of Tree Grid public void OnDataBound(object args) { // The filtered index values are selected - this.TreeGrid.SelectRows(SelectedNodeIndex); + this.TreeGrid.SelectRowsAsync(SelectedNodeIndex); } public void OnRowDataBound(RowDataBoundEventArgs args) diff --git a/blazor/treegrid/how-to/single-click-editing-with-batch-mode.md b/blazor/treegrid/how-to/single-click-editing-with-batch-mode.md index e5c0a25c47..dd94043673 100644 --- a/blazor/treegrid/how-to/single-click-editing-with-batch-mode.md +++ b/blazor/treegrid/how-to/single-click-editing-with-batch-mode.md @@ -9,9 +9,9 @@ documentation: ug # Single click editing with Batch mode in Blazor TreeGrid Component -A cell is made editable on a single click with a [Batch](https://blazor.syncfusion.com/documentation/treegrid/edit#batch) mode of editing in TreeGrid, by using the [EditCell](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EditCell_System_Double_System_String_) method. +A cell is made editable on a single click with a [Batch](https://blazor.syncfusion.com/documentation/treegrid/edit#batch) mode of editing in TreeGrid, by using the [EditCellAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EditCellAsync_System_Int32_System_String_) method. -Set the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridSelectionSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridSelectionSettings_Mode) property of **TreeGridSelectionSettings** component to **Both** and bind the [CellSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_CellSelected) event to Tree Grid. In the [CellSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_CellSelected) event handler, call the [EditCell](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EditCell_System_Double_System_String_) method based on the clicked cell. +Set the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridSelectionSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridSelectionSettings_Mode) property of **TreeGridSelectionSettings** component to **Both** and bind the [CellSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_CellSelected) event to Tree Grid. In the [CellSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_CellSelected) event handler, call the [EditCellAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EditCellAsync_System_Int32_System_String_) method based on the clicked cell. {% tabs %} @@ -45,16 +45,16 @@ Set the [Mode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid. public async Task CellSelectHandler(CellSelectEventArgs args) { //get selected cell index - var CellIndexes = await TreeGrid.GetSelectedRowCellIndexes(); + var CellIndexes = await TreeGrid.GetSelectedRowCellIndexesAsync(); //get the row and cell index var CurrentEditRowIndex = CellIndexes[0].Item1; var CurrentEditCellIndex = (int)CellIndexes[0].Item2; //get the available fields - var fields = await TreeGrid.GetColumnFieldNames(); + var fields = await TreeGrid.GetColumnFieldNamesAsync(); // edit the selected cell using the cell index and column name - await TreeGrid.EditCell(CurrentEditRowIndex, fields[CurrentEditCellIndex]); + await TreeGrid.EditCellAsync(CurrentEditRowIndex, fields[CurrentEditCellIndex]); } } diff --git a/blazor/treegrid/how-to/tool-bar-with-drop-down-list.md b/blazor/treegrid/how-to/tool-bar-with-drop-down-list.md index 8dde5697e4..be56b4ca9b 100644 --- a/blazor/treegrid/how-to/tool-bar-with-drop-down-list.md +++ b/blazor/treegrid/how-to/tool-bar-with-drop-down-list.md @@ -94,7 +94,7 @@ To render the DropDownList component, use the [DropDownListEvents](https://help. } public void OnChange(Syncfusion.Blazor.DropDowns.ChangeEventArgs args) { - this.TreeGrid.SelectRow(int.Parse(args.Value)); + this.TreeGrid.SelectRowAsync(int.Parse(args.Value)); } } diff --git a/blazor/treegrid/print.md b/blazor/treegrid/print.md index 5bf9309ac0..30dbc02d4d 100644 --- a/blazor/treegrid/print.md +++ b/blazor/treegrid/print.md @@ -9,7 +9,7 @@ documentation: ug # Print in Blazor TreeGrid Component -To print the Tree Grid, use the [Print](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~Print.html) method from the tree grid instance. The print option can be displayed on the [Toolbar](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~Toolbar.html) by adding the **Print** toolbar item. +To print the Tree Grid, use the [PrintAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~Print.html) method from the tree grid instance. The print option can be displayed on the [Toolbar](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~Toolbar.html) by adding the **Print** toolbar item. {% tabs %} @@ -88,7 +88,7 @@ Some of the print options cannot be configured through JavaScript code. So the l ## Print using an external button -To print the tree grid from an external button, invoke the [Print](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~Print.html) method. +To print the tree grid from an external button, invoke the [PrintAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid~Print.html) method. {% tabs %} @@ -118,7 +118,7 @@ To print the tree grid from an external button, invoke the [Print](https://help. } private void onClick() { - TreeGrid.Print(); + TreeGrid.PrintAsync(); } } diff --git a/blazor/treegrid/rows/row-drag-and-drop.md b/blazor/treegrid/rows/row-drag-and-drop.md index fa2b6e7278..ae5a261b64 100644 --- a/blazor/treegrid/rows/row-drag-and-drop.md +++ b/blazor/treegrid/rows/row-drag-and-drop.md @@ -1074,6 +1074,6 @@ N> [IsPrimaryKey](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGr The following events are triggered while drag and drop the tree grid rows. -[OnRowDragStart](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_OnRowDragStart) -Triggers when starts to drag the tree grid row. +[RowDragStarting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_OnRowDragStart) -Triggers when starts to drag the tree grid row. [RowDropped](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridEvents-1.html#Syncfusion_Blazor_TreeGrid_TreeGridEvents_1_RowDropped) - Triggers when a drag element is dropped on the target element. diff --git a/blazor/treegrid/searching.md b/blazor/treegrid/searching.md index 8d17223b52..1f59d86c04 100644 --- a/blazor/treegrid/searching.md +++ b/blazor/treegrid/searching.md @@ -9,7 +9,7 @@ documentation: ug # Searching in Blazor TreeGrid Component -In a Tree Grid, the records are searched by using the [Search](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Search_System_String_) method with search key as a parameter. This also provides an option to integrate search text box in tree grid's toolbar by adding **Search** item to the [Toolbar](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Toolbar). +In a Tree Grid, the records are searched by using the [SearchAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_SearchAsync_System_String_) method with search key as a parameter. This also provides an option to integrate search text box in tree grid's toolbar by adding **Search** item to the [Toolbar](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Toolbar). {% tabs %} @@ -166,7 +166,7 @@ N> By default, the [Operators](https://help.syncfusion.com/cr/blazor/Syncfusion. ## Search by external button -To search tree grid records from an external button, invoke the [Search](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Search_System_String_) method. +To search tree grid records from an external button, invoke the [SearchAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_SearchAsync_System_String_) method. {% tabs %} @@ -198,7 +198,7 @@ To search tree grid records from an external button, invoke the [Search](https:/ private void search() { - this.TreeGrid.Search("Child Task 1"); + this.TreeGrid.SearchAsync("Child Task 1"); } } diff --git a/blazor/treegrid/selection.md b/blazor/treegrid/selection.md index efa33fdb7a..1161f176e0 100644 --- a/blazor/treegrid/selection.md +++ b/blazor/treegrid/selection.md @@ -612,7 +612,7 @@ public class TreeData ## Get selected row indexes -The selected row indexes is got by using the GetSelectedRowIndexes method. +The selected row indexes is got by using the GetSelectedRowIndexesAsync method. {% tabs %} @@ -650,12 +650,12 @@ The selected row indexes is got by using the GetSelectedRowIndexes method. private async void RowSelectHandler(RowSelectEventArgs Args) { - this.SelectedRowIndexes = await this.TreeGrid.GetSelectedRowIndexes(); /// get the selected row indexes + this.SelectedRowIndexes = await this.TreeGrid.GetSelectedRowIndexesAsync(); /// get the selected row indexes string index = JsonConvert.SerializeObject(this.SelectedRowIndexes); JsRuntime.InvokeAsync("window.alert", index); - this.SelectedRecords = await this.TreeGrid.GetSelectedRecords(); /// get the selected records + this.SelectedRecords = await this.TreeGrid.GetSelectedRecordsAsync(); /// get the selected records string records = JsonConvert.SerializeObject(this.SelectedRecords); JsRuntime.InvokeAsync("window.alert", records); diff --git a/blazor/treegrid/sorting.md b/blazor/treegrid/sorting.md index a4b243edd9..5c57ecd1a1 100644 --- a/blazor/treegrid/sorting.md +++ b/blazor/treegrid/sorting.md @@ -83,7 +83,7 @@ public class TreeData {% endtabs %} N> * Tree Grid columns are sorted in the **Ascending** order. If you click the already sorted column, the sort direction toggles. -
* Apply and clear sorting by invoking [SortByColumn](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_SortByColumnAsync_System_String_Syncfusion_Blazor_Grids_SortDirection_System_Nullable_System_Boolean__) and [ClearSorting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ClearSorting) methods. +
* Apply and clear sorting by invoking [SortByColumnAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_SortByColumnAsync_System_String_Syncfusion_Blazor_Grids_SortDirection_System_Nullable_System_Boolean__) and [ClearSortingAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_ClearSortingAsync) methods.
* To disable sorting for a particular column, set the [AllowSorting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_AllowSorting) property of [Column](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridColumn.html#Syncfusion_Blazor_TreeGrid_TreeGridColumn_Columns) to **false**. ## Initial sort diff --git a/blazor/treegrid/toolbar.md b/blazor/treegrid/toolbar.md index 206c2ab92c..6ce4d0abbc 100644 --- a/blazor/treegrid/toolbar.md +++ b/blazor/treegrid/toolbar.md @@ -107,7 +107,7 @@ N> The [Toolbar](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfus ## Enable/Disable Toolbar Items -The tool bar items can be enabled or disabled by using the [EnableToolbarItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor~Syncfusion.Blazor.TreeGrid.SfTreeGrid%601~EnableToolbarItems.html) method. +The tool bar items can be enabled or disabled by using the [EnableToolbarItemsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_EnableToolbarItemsAsync_System_Collections_Generic_List_System_String__System_Boolean_) method. ```cshtml @@ -144,12 +144,12 @@ The tool bar items can be enabled or disabled by using the [EnableToolbarItems]( public void Enable() { - this.TreeGrid.EnableToolbarItems(new List() { "TreeGrid_gridcontrol_ExpandAll", "TreeGrid_gridcontrol_CollapseAll" }, true); + this.TreeGrid.EnableToolbarItemsAsync(new List() { "TreeGrid_gridcontrol_ExpandAll", "TreeGrid_gridcontrol_CollapseAll" }, true); } public void Disable() { - this.TreeGrid.EnableToolbarItems(new List() { "TreeGrid_gridcontrol_ExpandAll", "TreeGrid_gridcontrol_CollapseAll" }, false); + this.TreeGrid.EnableToolbarItemsAsync(new List() { "TreeGrid_gridcontrol_ExpandAll", "TreeGrid_gridcontrol_CollapseAll" }, false); } public void ToolBarClick(Syncfusion.Blazor.Navigations.ClickEventArgs Args) @@ -160,7 +160,7 @@ The tool bar items can be enabled or disabled by using the [EnableToolbarItems]( } if (Args.Item.Text == "CollapseAll") { - this.TreeGrid.CollapseAll(); + this.TreeGrid.CollapseAllAsync(); } } diff --git a/blazor/treegrid/virtualization.md b/blazor/treegrid/virtualization.md index 639497ed95..3ebdfe60b4 100644 --- a/blazor/treegrid/virtualization.md +++ b/blazor/treegrid/virtualization.md @@ -779,5 +779,5 @@ The following image represents a tree grid with the mask row virtualization. * Virtual scrolling is not compatible with detail template. * Row count of the page does not depend on the **PageSize** property of the **TreeGridPageSettings**. Row count for the page is determined by the [Height](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html#Syncfusion_Blazor_TreeGrid_SfTreeGrid_1_Height) given to the Tree Grid. * The virtual height of the tree grid content is calculated using the row height and total number of records in the data source and hence features which changes row height such as text wrapping are not supported. In order to increase the row height to accommodate the content then the row height can be specified as below to ensure all the table rows are in same height. -* Programmatic selection using the **SelectRows** method is not supported in virtual scrolling. +* Programmatic selection using the **SelectRowsAsync** method is not supported in virtual scrolling. * When row virtualization is enabled, reordering rows is limited to only the records currently visible in the viewport.