ctrl-alt-d/BlazorServerTree

A simple lazy load UI sample to deal with hierarchical data

BlazorServerTree

A simple Server-Side Blazor sample app to deal with hierarchical data.

The project has a fake data layer service that allow running it without database backend configuration.

The basic functionality is ready:

• Unexpand nodes and expand nodes with Lazy load.
• Select and unselect a node.

Screenshot ( because all us love screenshots ):

Show me the code

    <UITreeComponent SourceData=@uiTree
                     SelectChangeDelegate=@OnSelectionChanged
                     LazyLoadNodesAsyncDelegate=@LoadNodes
                     CollapseAsyncDelegate=@OnCollapse
                     ExpandAsyncDelegate=@OnExpand
                     TriggerActionAsyncDelegate=@OnAction>
    </UITreeComponent>  

@functions {

    UITree uiTree = new UITree();
    
    private async Task<bool> OnExpand(int Id)
    {
        System.Console.WriteLine("Expanded " + Id);
        return await Task.FromResult(true);
    }

Can I use UITreeComponent on my project?

Use it as your risk. Steps:

• Download the project.
• Add a reference to it from your own project.
• Add the following line in your _ViewImports.cshtml: @addTagHelper *, BlazorTreeControl
• Please, PR your improvements and Issue for comments.

Don't hesitate to contact me for further information :)

Credits

• Dani Herrera
• Mikael Ferland