@page "/"

@using Syncfusion.Blazor.Grids
@using Syncfusion.Blazor.Buttons
@using Syncfusion.Blazor.DropDowns

<SfListBox TValue="Guid[]" TItem="View" AllowFiltering="false" DataSource="@Views">
    
</SfListBox>

<SfButton OnClick="OnClick">Click Me</SfButton>

@code{
    protected override void OnInitialized()
    {
        
    }
    public ICollection<View> Views { get; } = new List<View>();
    public sealed class View
    {
        public View()
        {

        }
        public View(Guid identity, DisplayName name, DateTimeOffset created)
        {
            Identity = identity;
            Name = name;
            Created = created;
        }

        public Guid Identity { get; set; }

        public DisplayName Name { get; set; }

        public DateTimeOffset Created { get; set; }

        public void Deconstruct(out Guid identity, out DisplayName name, out DateTimeOffset created)
        {
            identity = Identity;
            name = Name;
            created = Created;
        }
    }

    public sealed class DisplayName
    {
        public DisplayName()
        {

        }
        public DisplayName(string provider, string name)
        {
            Provider = provider;
            Name = name;
        }

        public string Provider { get; set; }

        public string Name { get; set; }

        public void Deconstruct(out string provider, out string name)
        {
            provider = Provider;
            name = Name;
        }
    }

    Task OnClick() {
        Views.Add(new View() { Identity = new Guid(), Name = new DisplayName() { Provider = "Nancy", Name = "Fuller" }, Created = new DateTimeOffset() });    
        StateHasChanged();
        return Task.CompletedTask;
    }

}