@inject IconService iconService

Option 1 Option 2 Option 3 Option 5 Option 6 Option 7 Option 8 Option 9 Option 10 Option 11 Option 12

@code { bool collapsed = false; RenderFragment sub1Title = @ Navigation One ; RenderFragment sub2Title = @ Navigation Two ; void ToggleCollapsed() { collapsed = !collapsed; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await iconService.CreateFromIconfontCN("//at.alicdn.com/t/font_2735473_hi62ezq5579.js"); } } } @* Option 1 Option 5 Option 6 Option 7 Option 8 Option 9 Option 10 Option 11 Option 12 @code { RenderFragment sub1Title = @ 首页 ; RenderFragment sub2Title = @ Navigation Two ; RenderFragment sub4Title = @ Navigation Three ; // submenu keys of first level string[] rootSubmenuKeys = {"sub1", "sub2", "sub4"}; string[] openKeys = {"sub1"}; void onOpenChange(string[] openKeys) { var latestOpenKey = openKeys.FirstOrDefault(key => !this.openKeys.Contains(key)); if (!rootSubmenuKeys.Contains(latestOpenKey)) { this.openKeys = openKeys; } else { this.openKeys = !string.IsNullOrEmpty(latestOpenKey) ? new[] {latestOpenKey} : Array.Empty(); } } } *@ @*