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

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions blazor/treegrid/clipboard.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}

Expand Down Expand Up @@ -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);
}
}

Expand Down
2 changes: 1 addition & 1 deletion blazor/treegrid/columns/column-chooser.md
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
}

Expand Down
12 changes: 6 additions & 6 deletions blazor/treegrid/columns/columns.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}

Expand Down Expand Up @@ -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<string>() { "TaskName" });
this.TreeGrid.AutoFitColumnsAsync(new List<string>() { "TaskName" });
}
}

Expand Down Expand Up @@ -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

Expand Down Expand Up @@ -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 %}

Expand Down Expand Up @@ -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
}
}

Expand Down
2 changes: 1 addition & 1 deletion blazor/treegrid/context-menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion blazor/treegrid/editing/batch-editing.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}
Expand Down
4 changes: 2 additions & 2 deletions blazor/treegrid/editing/dialog-editing.md
Original file line number Diff line number Diff line change
Expand Up @@ -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()
{
Expand Down
14 changes: 7 additions & 7 deletions blazor/treegrid/editing/edit.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 %}
Expand Down Expand Up @@ -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()
Expand All @@ -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();
}
}

Expand Down Expand Up @@ -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 %}

Expand Down Expand Up @@ -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<TreeData.BusinessObject> args)
{
Expand Down
8 changes: 4 additions & 4 deletions blazor/treegrid/events.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down Expand Up @@ -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<BusinessObject> args)
Expand Down Expand Up @@ -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)
Expand Down Expand Up @@ -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<BusinessObject> args)
Expand Down
16 changes: 8 additions & 8 deletions blazor/treegrid/excel-export.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down Expand Up @@ -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();
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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 %}

Expand Down Expand Up @@ -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);
}
}
}
Expand Down
16 changes: 8 additions & 8 deletions blazor/treegrid/exporting.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down Expand Up @@ -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();
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down Expand Up @@ -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);
}
}
}
Expand Down
4 changes: 2 additions & 2 deletions blazor/treegrid/filtering/filter-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -152,11 +152,11 @@ In the following sample, the dropdown is used as a custom component in the Durat
{
List<string> Data = new List<string>();
Data.Add("Duration");
TreeGrid.ClearFiltering(Data);
TreeGrid.ClearFilteringAsync(Data);
}
else
{
TreeGrid.FilterByColumn("Duration", "equal", Args.Value);
TreeGrid.FilterByColumnAsync("Duration", "equal", Args.Value);
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion blazor/treegrid/filtering/filtering.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
<br/> * 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
Expand Down
Loading