Xeku Notes Blazor integration with custom TreeGrid Note Editor.
$ dotnet add package Xeku.Notes.BlazorBlazor integration module for Xeku.Notes, providing a custom TreeGrid ListView Editor for enhanced note browsing experience.
graph TB
subgraph UI["Presentation Layer"]
style UI fill:#e1f5ff
Component["NoteTreeGridComponent.razor"]
TreeView["DxTreeView (Categories)"]
Grid["DxGrid (Notes)"]
end
subgraph Logic["Service Layer"]
style Logic fill:#fff4e1
Editor["NoteTreeGridListEditor"]
Model["NoteTreeGridComponentModel"]
end
subgraph Data["Data Layer"]
style Data fill:#e8f5e9
Note["Note"]
Category["NoteCategory"]
end
Component --> Model
TreeView --> Component
Grid --> Component
Editor --> Model
Editor --> Note
Editor --> Category
Model --> Note
Model --> Category
dotnet add package Xeku.Notes.Blazor
// BlazorModule.cs
public sealed class MyBlazorModule : ModuleBase
{
public MyBlazorModule()
{
RequiredModuleTypes.Add(typeof(Xeku.Notes.Blazor.NotesBlazorModule));
}
}
| Scenario | Description |
|---|---|
| Note Creation | Create notes with category via API |
| Category Management | Build hierarchical category trees |
| Content Search | Query notes by category or keywords |
// Create a note programmatically
using var os = Application.CreateObjectSpace(typeof(Note));
var note = os.CreateObject<Note>();
note.Subject = "AI Generated Note";
note.Content = jsonContent;
note.Category = os.FindObject<NoteCategory>(c => c.Name == "AI");
os.CommitChanges();
Owner fieldNoteCategory.Parent for tree structureListView.Refresh()MIT License