Two-way data binding in TreeGrid - gives compile error
Hi All,
As you can see below when you drag Child 2 to Parent2 the grid updates, but not the underlying Datasource. My goal is to have the Datasource -- List<TreeGridItem> updated to the same state as the what the TreeGrid is. The below screenshot shows that the different states after I dropped Child2 onto Parent2.
I assume that I need to utilise two-way data binding on a TreeGrid to allow this. When I use the @bind-Datasource attribute I get the following error.
cannot convert from 'Microsoft.AspNetCore.Components.EventCallback<System.Collections.Generic.List<sfTestBed.Client.Pages.TreeGrid.TreeGridItem>>' to 'Microsoft.AspNetCore.Components.EventCallback'
Is there another way to achieve this?
@if (DataSource == null)
{
<p>Loading ... please wait.....</p>
}
else
{
<SfTreeGrid @ref="treeGrid" @bind-DataSource="@DataSource" TValue="TreeGridItem"
IdMapping="Id" ParentIdMapping="ParentId" HasChildMapping="IsParent" ExpandStateMapping="IsExpanded" TreeColumnIndex="1"
AllowFiltering="true" AllowPaging="true" AllowSorting="true" AllowRowDragAndDrop="true"
Toolbar="@(new List<string>() { "Add", "Edit", "Delete" })" Height="100%">
<TreeGridPageSettings PageSize="3"></TreeGridPageSettings>
<TreeGridEditSettings AllowEditing="true" AllowAdding="true" AllowDeleting="true" Mode="Syncfusion.Blazor.TreeGrid.EditMode.Dialog"></TreeGridEditSettings>
<TreeGridFilterSettings Type="Syncfusion.Blazor.TreeGrid.FilterType.Menu"></TreeGridFilterSettings>
<TreeGridColumns>
<TreeGridColumn Field="Id" HeaderText="Id" Width="80" IsPrimaryKey="true" Visible="true" TextAlign="Syncfusion.Blazor.Grids.TextAlign.Right"></TreeGridColumn>
<TreeGridColumn Field="Name" HeaderText="Name" Width="240"></TreeGridColumn>
<TreeGridColumn Field="ParentId" HeaderText="Pid" Width="240" Visible="true"></TreeGridColumn>
</TreeGridColumns>
</SfTreeGrid>
}
@code {
[Parameter] public List<TreeGridItem> DataSource { get; set; }
protected SfTreeGrid<TreeGridItem> treeGrid;
protected override void OnInitialized()
{
DataSource = TreeGridItem.GetSampleData();
base.OnInitialized();
}
protected void DataSourceChanged(IEnumerable<TreeGridItem> args)
{
foreach (var tgi in args)
{
Console.WriteLine($"Updated: {tgi.Id} - {tgi.Name} - {tgi.ParentId}");
}
}
public class TreeGridItem
{
public int Id { get; set; }
public string Name { get; set; }
public int? ParentId { get; set; }
public bool IsParent { get; set; } = false;
public bool IsExpanded { get; set; } = false;
public static List<TreeGridItem> GetSampleData()
{
return new List<TreeGridItem>()
{
new TreeGridItem
{
Id = 1,
Name = "Parent",
IsParent = true,
IsExpanded = true }
,
new TreeGridItem
{
Id = 2,
Name = "Child1",
ParentId = 1,
IsParent = false,
IsExpanded = true }
,
new TreeGridItem
{
Id = 3,
Name = "Child2",
ParentId = 1,
IsParent = false,
IsExpanded = true }
,
new TreeGridItem
{
Id = 4,
Name = "Parent 2",
IsParent = false,
IsExpanded = true }
};
}
}
}
SIGN IN To post a reply.
5 Replies
SIGN IN To post a reply.
