Skip to content

Latest commit

 

History

History
61 lines (39 loc) · 1.73 KB

README.md

File metadata and controls

61 lines (39 loc) · 1.73 KB

Blazor Tree CRUD

DISCLAIMER: This code is almost 1 year old and it is not maintained.

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

Project has a data layer with GraphQL for R (Retrieve) and classical Rest for CUD (Create Update Delete)

The basic functionality is ready:

  • Unexpand nodes and expand nodes with Lazy load.
  • Select and unselect a node.
  • Insert new nodes
  • ToDo: Update, Delete

Backend by @utrescu Frontend by @ctrl-alt-d.

Screenshot ( because all us love screenshots ):

screenshot

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);
    }

How to run?

  1. Launch GraphQL server: ( cd TreeCrud.Server/; dotnet run )
  2. Launch Blazor Server: ( cd TreeCrud.GraphQL/; ASPNETCORE_URLS="http://127.0.0.1:6000" dotnet run )

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 :)