gpt4 book ai didi

.net-core - 如何在 Blazor Server 应用程序中停止事件传播

转载 作者:行者123 更新时间:2023-12-04 01:27:41 26 4
gpt4 key购买 nike

我正在使用 Grid.Blazor在 Blazor 应用程序上呈现服务器端网格的库。其中一列有一个带有点击事件的按钮。因此,当单击按钮时,网格行事件也会与按钮单击事件一起触发。我想停止事件传播,只让按钮点击事件被触发。

网格:

  <GridComponent @ref="_gridComponent" T="QuickLists" Grid="@_grid"  OnRowClicked="@(async (item) => await ExerciseDetails(item))"></GridComponent>


Action<IGridColumnCollection<QuickExcerciseLists>> columns = c =>
{
c.Add().Titled("Actions").RenderComponentAs(typeof(ChildComponent)).SetWidth("5%");
c.Add(o => o.Name, comparer).Titled("Name").SetWidth("10%");
c.Add(o => o.Age, comparer).Titled("Age").SetWidth("15%");
c.Add(o => o.Address, comparer).Titled("Address").RenderComponentAs<MatTooltip>().SetWidth("15%");
};

自定义列组件:
<MatBlazor.MatButton Icon="@MatIconNames.Remove_red_eye" @onclick="@ShowData" @onclick:stopPropagation="true"></MatBlazor.MatButton>

我试过了 @onclick:stopPropagation在子按钮组件中。但它在下面给出了编译错误。

The component parameter 'onclick' is used two or more times for this component. Parameters must be unique (case-insensitive). The component parameter 'onclick' is generated by the '@onclick:stopPropagation' directive attribute.



我正在运行 .Net 核心 3.1.201。任何帮助都受到高度赞赏。

最佳答案

我在扩展器上遇到了类似的问题。我希望能够在不展开行的情况下单击扩展行内的按钮。我能够通过使用 来实现这一点。 @onmousedown 对于我的 C# 代码和 点击用于窗口事件调用

 <a class="text-primary" @onmousedown="() => MyModal.Open()" onclick="event.stopPropagation()"> Button </a>

关于.net-core - 如何在 Blazor Server 应用程序中停止事件传播,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61579284/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com