Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
145458 | Jun 23,2019 03:22 PM UTC | Jun 24,2019 10:23 AM UTC | Blazor | 1 |
![]() |
Tags: Toolbar |
@inherits LayoutComponentBase @using Syncfusion.EJ2.RazorComponents.Navigations @inject ApplicationState Application @inject UserState User @inject IUriHelper UriHelper <EjsSidebar ID="sidebar" @Ref=@sidebar Type="SidebarType.Over" CloseOnDocumentClick="true"> <ChildContent> <SideBarLayout sidebar="@sidebar" /> </ChildContent> </EjsSidebar> <EjsToolbar OverflowMode="OverflowMode.Popup"> <ToolbarItems> <ToolbarItem Type="ItemType.Button" Template=@("<img src='images/burger-menu.svg' class='toolbar-image' />") Align="ItemAlign.Left" Click="@OnSidebarClicked" /> <ToolbarItem Type="ItemType.Button" Template=@("<img src='images/home.svg' class='toolbar-image' />") Align="ItemAlign.Left" Click="@OnHomeClicked" /> <ToolbarItem Type="ItemType.Separator" Align="ItemAlign.Left" /> <ToolbarItem Type="ItemType.Button" Text="@Application.GetPageTitle(UriHelper)" Align="ItemAlign.Left" CssClass="toolbar-static" /> <ToolbarItem Type="ItemType.Button" Text="Préparation" Align="ItemAlign.Right" CssClass="toolbar-static" /> <ToolbarItem Type="ItemType.Separator" Align="ItemAlign.Right" /> <ToolbarItem Type="ItemType.Button" Text="Execution" Align="ItemAlign.Right" CssClass="toolbar-static" /> <ToolbarItem Type="ItemType.Separator" Align="ItemAlign.Right" /> <ToolbarItem Type="ItemType.Button" Template=@("<img src='images/user-password.svg' class='toolbar-image' />") Align="ItemAlign.Right" CssClass="toolbar-static" /> <ToolbarItem Type="ItemType.Button" Text="@(Model.FirstName + " " + Model.MiddleName + " " + Model.LastName)" Align="ItemAlign.Right" CssClass="toolbar-static" /> <ToolbarItem Type="ItemType.Separator" Align="ItemAlign.Right" /> <ToolbarItem Type="ItemType.Button" Template=@("<img src='images/logout.svg' class='toolbar-image' />") Align="ItemAlign.Right" Click="@OnLogoutClicked" /> </ToolbarItems> </EjsToolbar> @functions { // Model UserModel Model = new UserModel(); string sidebarImage = "<img src='images/burger-menu.svg' />"; // References EjsSidebar sidebar; protected override async Task OnInitAsync() { if (User.Model == null || User.Model.Id == Guid.Empty) { this.Model = await User.GetInfos(); StateHasChanged(); } else { Model = User.Model; } } public void OnSidebarClicked(ClickEventArgs args) { sidebar.Show(); } public void OnHomeClicked(ClickEventArgs args) { UriHelper.NavigateTo("/"); } public void OnLogoutClicked(ClickEventArgs args) { User.Logout(UriHelper); } } |
When I click on the first item with a Click handler, the right delegate (OnSidebarClicked) is called.
When I click on the second item with a Click handler, the wrong delegate (OnLogoutClicked) is called.
When I click on the third item with a Click handler, there is no delegate called.
Regards.
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.