C# 在syncfusion blazor中单击导航链接项目时如何弹出模式？

我正在创建一个包含6个NavLink菜单项的菜单，如果用户确定是否要注销，则该菜单项的最后一项必须用作弹出模式的按钮，但不知何故，我无法使用@onclick函数弹出模式

HTML:

模态本身：

<SfDialog @bind-Visible="@IsVisible" Width="250px" IsModal="true">
    <DialogEvents OnOverlayClick="OnOverlayclick">
    </DialogEvents>
    <DialogTemplates>
        <Content> This is a modal dialog</Content>
    </DialogTemplates>
</SfDialog>

---

有人能看出我做错了什么吗？希望有人能帮忙！谢谢大家!

Niels，我试图创建一个带有共享代码段的razor页面。模式在注销单击时正确显示。此外，单击覆盖时，模式也会隐藏。如果可能，分享你的剃须刀页面

@using Syncfusion.Blazor.Popups
<div>
    <div id="container"></div>
    <ul>
        <li class="nav-item px-3" id="li6">
            <NavLink class="nav-link" @onclick="OnClicked">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Sign Out
            </NavLink>
        </li>
    </ul>

    <SfDialog @bind-Visible="@IsVisible" Width="250px" IsModal="true">
        <DialogEvents OnOverlayClick="OnOverlayclick">
        </DialogEvents>
        <DialogTemplates>
            <Content> This is a modal dialog</Content>
        </DialogTemplates>
    </SfDialog>
</div>

@code{
    //Modal
    private bool IsVisible { get; set; } = true;

    private void OnClicked()
    {
        this.IsVisible = true;
    }

    private void OnOverlayclick(object arg)
    {
        this.IsVisible = false;
    }
}```

---

嗨，你不给我看吗？函数OnClicked被调用tho..sf对话框在将onclick操作与Navlink标记绑定时正确显示。我们还准备了一个样品，试图满足您的要求。样品：Indrajith，如果您遇到任何困难，请告诉我们

<SfDialog @bind-Visible="@IsVisible" Width="250px" IsModal="true">
    <DialogEvents OnOverlayClick="OnOverlayclick">
    </DialogEvents>
    <DialogTemplates>
        <Content> This is a modal dialog</Content>
    </DialogTemplates>
</SfDialog>

@using Syncfusion.Blazor.Popups
<div>
    <div id="container"></div>
    <ul>
        <li class="nav-item px-3" id="li6">
            <NavLink class="nav-link" @onclick="OnClicked">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Sign Out
            </NavLink>
        </li>
    </ul>

    <SfDialog @bind-Visible="@IsVisible" Width="250px" IsModal="true">
        <DialogEvents OnOverlayClick="OnOverlayclick">
        </DialogEvents>
        <DialogTemplates>
            <Content> This is a modal dialog</Content>
        </DialogTemplates>
    </SfDialog>
</div>

@code{
    //Modal
    private bool IsVisible { get; set; } = true;

    private void OnClicked()
    {
        this.IsVisible = true;
    }

    private void OnOverlayclick(object arg)
    {
        this.IsVisible = false;
    }
}```