[TreeView] Add `Items` and `LazyLoadItems` properties #1945

dvoituron · 2024-04-26T08:22:29Z

[TreeView] Add `Items` and `LazyLoadItems` properties

In response to several requests for a TreeView component that could display a large amount of data, we've added these functionalities:

Add an Items attribute to bind a list of elements and sub-elements (objects implementing ITreeViewItem).
The included TreeViewItem class already implements this interface. You can use it.

public interface ITreeViewItem
{
    // Gets or sets the unique identifier of the tree item.
    string Id { get; set; }
    
    // Gets or sets the text of the tree item.
    string Text { get; set; }
    
    // Gets or sets the sub-items of the tree item.
    IEnumerable<ITreeViewItem>? Items { get; set; }
    
    // Gets or sets the <see cref="Icon"/> displayed at the start of tree item,
    // when the node is collapsed.
    // If this icon is not set, the <see cref="IconExpanded"/> will be used.
    Icon? IconCollapsed { get; set; }
    
    // Gets or sets the <see cref="Icon"/> displayed at the start of tree item,
    // when the node is expanded.
    // If this icon is not set, the <see cref="IconCollapsed"/> will be used.
    Icon? IconExpanded { get; set; }
    
    // When true, the control will be immutable by user interaction.
    // See <see href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled">disabled</see> HTML attribute for more information.
    bool Disabled { get; set; }
    
    // Gets or sets a value indicating whether the tree item is expanded.
    bool Expanded { get; set; }
    
    // Gets or sets the action to be performed when the tree item is expanded or collapsed
    Func<TreeViewItemExpandedEventArgs, Task>? OnExpandedAsync { get; set; }
}

Add a LazyLoadItems attribute to render HTML only when nodes are expanded.
Add an ItemTemplate to allow complete customization of each element.
Add the bindable SelectedItem property to manage the selected ITreeViewItem.
Add the OnExpandedAsync method to enable dynamic loading of sub-items.
For example, to display an "unlimited" tree view as in this second example.

Example

<FluentTreeView Items="@Items" @bind-SelectedItem="@SelectedItem" LazyLoadItems="true">
    <ItemTemplate>
        @context.Text
        <span style="color: var(--accent-fill-rest); margin: 0 4px;">
            @(context.Items == null ? "" : $"[{context.Items.Count()}]")
        </span>
    </ItemTemplate>
</FluentTreeView>

Example: managing a list of "non-predefined" items.

<FluentTreeView Items="@Items" @bind-SelectedItem="@SelectedItem" />

@code
{
    private ITreeViewItem? SelectedItem;
    private IEnumerable<ITreeViewItem>? Items = new List<ITreeViewItem>();

    protected override void OnInitialized() => Items = GetItems();

    private Task OnExpandedAsync(TreeViewItemExpandedEventArgs e)
    {
        if (e.Expanded)
        {
            e.CurrentItem.Items = GetItems();
        }
        else
        {
            // Remove sub-items and add a "Fake" item to simulate the [+]
            e.CurrentItem.Items = TreeViewItem.LoadingTreeViewItems;
        }

        return Task.CompletedTask;
    }

    private IEnumerable<ITreeViewItem> GetItems()
    {
        var nbItems = Random.Shared.Next(3, 9);

        return Enumerable.Range(1, nbItems).Select(i => new TreeViewItem()
            {
                Text = $"Item {Random.Shared.Next(1, 9999)}",
                OnExpandedAsync = OnExpandedAsync,
                Items = TreeViewItem.LoadingTreeViewItems, // "Fake" sub-item to simulate the [+]
            }).ToArray();
    }
}

Unit Tests

github-actions · 2024-04-26T08:41:34Z

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

github-actions · 2024-04-26T08:41:54Z

Summary - Unit Tests Code Coverage

Summary


Generated on:	5/16/2024 - 7:30:41 AM
Coverage date:	5/16/2024 - 7:30:31 AM
Parser:	Cobertura
Assemblies:	1
Classes:	231
Files:	327
Line coverage:	58.6% (4687 of 7986)
Covered lines:	4687
Uncovered lines:	3299
Coverable lines:	7986
Total lines:	27312
Branch coverage:	49.9% (2180 of 4367)
Covered branches:	2180
Total branches:	4367
Method coverage:	Feature is only available for sponsors
Tag:	420_9108243615

Coverage

Microsoft.FluentUI.AspNetCore.Components - 58.6%

Name	Line	Branch
Microsoft.FluentUI.AspNetCore.Components	58.6%	49.9%
Microsoft.FluentUI.AspNetCore.Components.AccordionChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.ActionButton`1	50%
Microsoft.FluentUI.AspNetCore.Components.ActionLink`1	0%
Microsoft.FluentUI.AspNetCore.Components.CalendarExtended	95%	86.6%
Microsoft.FluentUI.AspNetCore.Components.CalendarTitles	87%	76.6%
Microsoft.FluentUI.AspNetCore.Components.CheckboxChangeEventArgs	50%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase`1	59.5%	21%
Microsoft.FluentUI.AspNetCore.Components.CommunicationToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.CommunicationToastContent	0%
Microsoft.FluentUI.AspNetCore.Components.ComponentParameters	16.6%	0%
Microsoft.FluentUI.AspNetCore.Components.Components.Dialog.ContentComponent s.RenderFragmentDialog	100%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipGlobalOp tions	0%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipOptions	0%
Microsoft.FluentUI.AspNetCore.Components.Components.Tooltip.TooltipService	0%	0%
Microsoft.FluentUI.AspNetCore.Components.CountdownTimer	0%	0%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.AsyncQuery ExecutorSupplier	72.7%	71.4%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.ColumnsCol lectedNotifier`1	87.5%	50%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.DisplayAtt ributeExtensions	66.6%	50%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr idContext`1	94.7%	100%
Microsoft.FluentUI.AspNetCore.Components.DataGridCellFocusEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DataGridRowFocusEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance	92.3%	75%
Microsoft.FluentUI.AspNetCore.Components.DialogParameters	92.3%
Microsoft.FluentUI.AspNetCore.Components.DialogParameters`1	0%
Microsoft.FluentUI.AspNetCore.Components.DialogReference	33.3%	0%
Microsoft.FluentUI.AspNetCore.Components.DialogResult	0%	0%
Microsoft.FluentUI.AspNetCore.Components.DialogService	3%	3.3%
Microsoft.FluentUI.AspNetCore.Components.Emoji	0%	0%
Microsoft.FluentUI.AspNetCore.Components.EmojiCompress	0%	0%
Microsoft.FluentUI.AspNetCore.Components.EmojiInfo	0%
Microsoft.FluentUI.AspNetCore.Components.Extensions.AdditionalAttributesExt ensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.BooleanExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions	83.8%	85%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions	84.6%	75%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccessibilityStatus	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion	60%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem	76%	35.7%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchor	89.7%	67.8%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchoredRegion	87.2%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBar	57.1%	41.1%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBarItem	83.3%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentAutocomplete`1	81.5%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBodyContent	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBreadcrumb	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBreadcrumbItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton	84.4%	64%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendar	90.2%	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarBase	94.4%	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarDay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarMonth	100%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarYear	90.9%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentCard	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox	95.8%	90.3%
Microsoft.FluentUI.AspNetCore.Components.FluentCollapsibleRegion	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox`1	54.3%	30.5%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase	90.9%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge	93.1%	86.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid`1	57.6%	44.6%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell`1	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow`1	56.6%	30%
Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker	74.3%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentDesignSystemProvider	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDesignTheme	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog	62.5%	71%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogFooter	62.5%	43.3%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogHeader	80.9%	81.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider	37.3%	18.7%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider	85.7%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDragContainer`1	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentDragEventArgs`1	0%
Microsoft.FluentUI.AspNetCore.Components.FluentDropZone`1	20.9%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentEditForm	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentEmoji`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentFlipper	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFooter	100%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid	70.5%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem	87.2%	82.5%
Microsoft.FluentUI.AspNetCore.Components.FluentHeader	100%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter	92.3%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentHorizontalScroll	58%	20%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon`1	85%	77.7%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase`1	69.3%	60.5%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile	88.3%	76.6%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileEventArgs	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentInputLabel	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode	90.3%	84.6%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs	100%	83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider	57.1%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel	72.7%	21.4%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout	100%
Microsoft.FluentUI.AspNetCore.Components.FluentListbox`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentMain	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMainLayout	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu	35%	41.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton	70.2%	8.3%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar	54.1%	25%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBarProvider	82.3%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter	81.6%	66.6%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane	95.7%	87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentNavBase	50%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavGroup	63%	36.6%
Microsoft.FluentUI.AspNetCore.Components.FluentNavLink	86.3%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenu	58.8%	33.3%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuGroup	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuItemBase	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuLink	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNavMenuTree	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentNumberField`1	63.8%	47.2%
Microsoft.FluentUI.AspNetCore.Components.FluentOption`1	60.5%	33.3%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflow	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflowItem	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentOverlay	70%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentPageScript	100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentPersona	100%	78.1%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover	77%	65.9%
Microsoft.FluentUI.AspNetCore.Components.FluentPresenceBadge	60.3%	29.1%
Microsoft.FluentUI.AspNetCore.Components.FluentProfileMenu	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress	85.7%	68.1%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing	97.4%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentPullToRefresh	93.9%	89.2%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioContext	70%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup`1	83.3%	28.5%
Microsoft.FluentUI.AspNetCore.Components.FluentSearch	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect`1	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton	42.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider`1	59.3%	38.6%
Microsoft.FluentUI.AspNetCore.Components.FluentSliderLabel`1	62.1%	30%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableList`1	70.4%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableListEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer	100%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentSplashScreen	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitter	68.4%	40%
Microsoft.FluentUI.AspNetCore.Components.FluentStack	90.2%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch	88.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentTab	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea	84.2%
Microsoft.FluentUI.AspNetCore.Components.FluentTextField	88.2%	60%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentToastProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentToolbar	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip	62.9%	47.6%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem	85.2%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView	91.3%	84.3%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationMessage`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationSummary	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentWizard	94.5%	82.3%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStep	97%	88.3%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.GlobalState	33.3%	50%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest`1	92.3%	25%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.GridSort`1	35.1%	25.9%
Microsoft.FluentUI.AspNetCore.Components.HorizontalScrollEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.Icon	81.3%	82.3%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage	100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo	100%
Microsoft.FluentUI.AspNetCore.Components.Identifier	66.6%	62.5%
Microsoft.FluentUI.AspNetCore.Components.IdentifierContext	66.6%	41.6%
Microsoft.FluentUI.AspNetCore.Components.INavMenuItemsOwner	0%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr ibable`1	83.3%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr iber`1	90%	75%
Microsoft.FluentUI.AspNetCore.Components.InputHelpers`1	38.8%	31.6%
Microsoft.FluentUI.AspNetCore.Components.InternalDialogContext	80%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext`1	80%	66.6%
Microsoft.FluentUI.AspNetCore.Components.InternalToastContext	0%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService	84.6%	50%
Microsoft.FluentUI.AspNetCore.Components.LibraryConfiguration	100%
Microsoft.FluentUI.AspNetCore.Components.ListComponentBase`1	51.7%	43.9%
Microsoft.FluentUI.AspNetCore.Components.LoadedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.LuminanceChangedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.MenuChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.Message	50%	0%
Microsoft.FluentUI.AspNetCore.Components.MessageBox	66.6%	0%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxContent	0%
Microsoft.FluentUI.AspNetCore.Components.MessageOptions	76.9%
Microsoft.FluentUI.AspNetCore.Components.MessageService	33%	26.9%
Microsoft.FluentUI.AspNetCore.Components.NavMenuActionArgs	0%	0%
Microsoft.FluentUI.AspNetCore.Components.OfficeColorUtilities	0%
Microsoft.FluentUI.AspNetCore.Components.Option`1	0%
Microsoft.FluentUI.AspNetCore.Components.OptionsSearchEventArgs`1	100%
Microsoft.FluentUI.AspNetCore.Components.OverflowItem	100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ProgressFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.ProgressToast	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ProgressToastContent	0%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn`2	71.4%	46.6%
Microsoft.FluentUI.AspNetCore.Components.Resources.TimeAgoResource	76.1%	100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn`1	93.4%	86.9%
Microsoft.FluentUI.AspNetCore.Components.ServiceCollectionExtensions	78.5%	100%
Microsoft.FluentUI.AspNetCore.Components.SortedProperty	0%
Microsoft.FluentUI.AspNetCore.Components.SplashScreenContent	0%	0%
Microsoft.FluentUI.AspNetCore.Components.SplitterCollapsedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.SplitterResizedEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.StandardLuminanceExtensions	0%	0%
Microsoft.FluentUI.AspNetCore.Components.StaticAssetServiceConfiguration	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TabChangeEventArgs	0%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn`1	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TimeAgoOptions	92.3%
Microsoft.FluentUI.AspNetCore.Components.ToastInstance	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ToastParameters	0%
Microsoft.FluentUI.AspNetCore.Components.ToastParameters`1	0%
Microsoft.FluentUI.AspNetCore.Components.ToastResult	0%	0%
Microsoft.FluentUI.AspNetCore.Components.ToastService	0%	0%
Microsoft.FluentUI.AspNetCore.Components.TreeChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.UploadedFileDetails	0%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Debouncer	94.8%	37.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder	96.4%	87.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.JSModule	0%	0%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Splitter	82.8%	81.8%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.ZIndex	100%
System.Text.RegularExpressions.Generated	72.5%	42.1%

src/Core/Components/TreeView/FluentTreeItem.razor.cs

verdie-g · 2024-04-26T13:57:18Z

Does it also solve the very slow select of a TreeItem?

dvoituron · 2024-04-26T14:19:28Z

Does it also solve the very slow select of a TreeItem?

You can try with your own sample, but my tests were based on over 120,000 items :-)

src/Core/Components/TreeView/FluentTreeView.razor.cs

verdie-g · 2024-04-30T13:32:24Z

Is this change not planned in the end? :(

dvoituron · 2024-04-30T13:34:59Z

I think it's a mistake... @vnbaaij I'm reopening the PR and restoring my branch ;-)

vnbaaij · 2024-04-30T13:49:49Z

Is this change not planned in the end? :(

Sorry, was spring-cleaning the branches a bit too enthousiastically 🧹🪣🧽

verdie-g · 2024-05-09T17:08:00Z

What are the next steps to go forward with that PR? Is there anything I could do to help?

dvoituron · 2024-05-09T17:47:29Z

I will finish the TODO list in few days 😊

…rosoft/fluentui-blazor into users/dvoituron/treeview-items

src/Core/Components/TreeView/FluentTreeView.razor.cs

src/Core/Components/TreeView/TreeViewItemExpandedEventArgs.cs

…rosoft/fluentui-blazor into users/dvoituron/treeview-items

dvoituron added 8 commits April 24, 2024 12:11

Add ITreeViewItem

d3a40aa

Merge branch 'dev' into users/dvoituron/treeview-items

ba551a4

Add Icons and Disabled property

6c6ce40

Add ItemTemplate

39b158a

Fix indentations

5764aa3

Add Loading item

baac1ef

Fix sample

6459743

Remove using

8f1560b

dvoituron mentioned this pull request Apr 26, 2024

feat: make TreeView scalable #1855

Closed

verdie-g reviewed Apr 26, 2024

View reviewed changes

src/Core/Components/TreeView/FluentTreeItem.razor.cs Show resolved Hide resolved

verdie-g reviewed Apr 26, 2024

View reviewed changes

src/Core/Components/TreeView/FluentTreeView.razor.cs Outdated Show resolved Hide resolved

dvoituron added 2 commits April 26, 2024 17:49

Merge branch 'dev' into users/dvoituron/treeview-items

384ef36

Flag RenderCollapsedNodes as Obsolete

693f2d4

verdie-g mentioned this pull request Apr 30, 2024

Use FluentTreeView.LazyLoadItems verdie-g/dotnet-events-viewer#26

Closed

vnbaaij closed this Apr 30, 2024

vnbaaij deleted the users/dvoituron/treeview-items branch April 30, 2024 10:12

dvoituron restored the users/dvoituron/treeview-items branch April 30, 2024 13:35

dvoituron reopened this Apr 30, 2024

Merge branch 'dev' into users/dvoituron/treeview-items

fe37f70

dvoituron added 2 commits May 10, 2024 13:40

Merge branch 'dev' into users/dvoituron/treeview-items

f75e0e1

Merge branch 'users/dvoituron/treeview-items' of github.com-perso:mic…

a5319d5

…rosoft/fluentui-blazor into users/dvoituron/treeview-items

dvoituron added 12 commits May 10, 2024 13:56

Add TreeViewItem object

38209ce

Add Id

77090d8

Add OnExpandedAsync

7677d9c

Add Expanded property

49e2645

Add SelectedItem

70b3749

Update doc

00cb264

Add Unit Tests

dff8661

Update SelectedItem property

2be9b14

Add Unit Tests

3640268

Add Unit Tests

1db93b7

Add Unit Tests

38b530f

Add Unit Tests

7a60520

dvoituron marked this pull request as ready for review May 11, 2024 10:14

dvoituron enabled auto-merge (squash) May 11, 2024 14:30

Merge branch 'dev' into users/dvoituron/treeview-items

b8d02d1

vnbaaij requested changes May 15, 2024

View reviewed changes

src/Core/Components/TreeView/FluentTreeView.razor.cs Outdated Show resolved Hide resolved

src/Core/Components/TreeView/TreeViewItemExpandedEventArgs.cs Outdated Show resolved Hide resolved

dvoituron added 3 commits May 15, 2024 11:14

Merge branch 'dev' into users/dvoituron/treeview-items

ad90482

Update PR comments

60a396c

Merge branch 'users/dvoituron/treeview-items' of github.com-perso:mic…

01ccc99

…rosoft/fluentui-blazor into users/dvoituron/treeview-items

vnbaaij added this to the v4.7.3 milestone May 15, 2024

vnbaaij added the feature A new feature label May 15, 2024

vnbaaij approved these changes May 16, 2024

View reviewed changes

Merge branch 'dev' into users/dvoituron/treeview-items

4dc141c

dvoituron merged commit a815b87 into dev May 16, 2024
3 checks passed

dvoituron deleted the users/dvoituron/treeview-items branch May 16, 2024 07:27

yermakovsergey mentioned this pull request Jun 19, 2024

SelectedItemChanged doesn't trigger after updating Items in FluentTreeView #2223

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[TreeView] Add `Items` and `LazyLoadItems` properties #1945

[TreeView] Add `Items` and `LazyLoadItems` properties #1945

dvoituron commented Apr 26, 2024 •

edited

Loading

github-actions bot commented Apr 26, 2024 •

edited

Loading

github-actions bot commented Apr 26, 2024 •

edited

Loading

verdie-g commented Apr 26, 2024

dvoituron commented Apr 26, 2024

verdie-g commented Apr 30, 2024

dvoituron commented Apr 30, 2024

vnbaaij commented Apr 30, 2024

verdie-g commented May 9, 2024 •

edited

Loading

dvoituron commented May 9, 2024

[TreeView] Add Items and LazyLoadItems properties #1945

[TreeView] Add Items and LazyLoadItems properties #1945

Conversation

dvoituron commented Apr 26, 2024 • edited Loading

[TreeView] Add Items and LazyLoadItems properties

Example

Example: managing a list of "non-predefined" items.

Unit Tests

github-actions bot commented Apr 26, 2024 • edited Loading

github-actions bot commented Apr 26, 2024 • edited Loading

Summary - Unit Tests Code Coverage

Coverage

verdie-g commented Apr 26, 2024

dvoituron commented Apr 26, 2024

verdie-g commented Apr 30, 2024

dvoituron commented Apr 30, 2024

vnbaaij commented Apr 30, 2024

verdie-g commented May 9, 2024 • edited Loading

dvoituron commented May 9, 2024

[TreeView] Add `Items` and `LazyLoadItems` properties #1945

[TreeView] Add `Items` and `LazyLoadItems` properties #1945

dvoituron commented Apr 26, 2024 •

edited

Loading

[TreeView] Add `Items` and `LazyLoadItems` properties

github-actions bot commented Apr 26, 2024 •

edited

Loading

github-actions bot commented Apr 26, 2024 •

edited

Loading

verdie-g commented May 9, 2024 •

edited

Loading