blazor 相关问题

我的 blazor 代码中有以下 MudSelect 下拉菜单：我的 blazor 代码中有以下 MudSelect 下拉菜单： <div class="w3-col m12 w3-padding"> <MudSelect T="string" @bind-Text="Input.Reference" @bind-Value="Input.ReferenceId" For="()=>Input.Reference" Margin="Margin.Dense" Variant="Variant.Outlined" Label="Select An Option"> @foreach (ReferenceData reference in referenceData) { <MudSelectItem [email protected]>@leadReference.ReferenceText</MudSelectItem> } </MudSelect> </div> 选择新项目后，如何在 @leadReference.ReferenceText 中显示 @reference.ReferenceId 而不是 MudSelect？编辑：建议的答案不起作用，因为@reference.ReferenceId可以重复您可以绑定引用本身，而不是将引用.ReferenceId 绑定到 MudSelect。然后使用 ToStringFunc 属性，您可以设置对象如何显示为字符串。设置 T="ReferenceData"、ToStringFunc="x => x.ReferenceText"、@bind-Value="Input.Reference"，Input.Reference 的类型为 ReferenceData。 <MudSelect T="ReferenceData" @bind-Value="Input.Reference" ToStringFunc="x => x.ReferenceText" ... > @foreach (ReferenceData reference in referenceData) { <MudSelectItem Value=@reference>@leadReference.ReferenceText</MudSelectItem> } </MudSelect> 如果您无法修改输入，请使用值的占位符。并使用 ValueChanged 设置 input.ReferenceId 的值 <MudSelect T="ReferenceData" Value="referenceData" ValueChanged="((e) => ReferenceChanged(e, Input)" ToStringFunc="x => x.ReferenceText" ... > private ReferenceData _referenceData private void ReferenceChanged(ReferenceData referenceData, Input input) { input.ReferenceId = referenceData.ReferenceId; } 两者的片段

c# blazor mudblazor

回答 1 投票 0

客户端中的 Blazor Web 应用程序导航管理器 -> Exception_WasThrown

我正在使用 VS2022 创建 Blazor Web 应用程序。以下是项目概述：在客户端项目的代码部分中使用 NavigationManager 时，出现 Exception_WasThrown 错误：这里是...

asp.net-core navigation blazor client .net-8.0

回答 1 投票 0

Blazor 身份验证问题：注入的服务处于空状态

我正在编写我的第一个 Blazor 服务器端应用程序 (.NET 8)，并且我正在努力解决身份验证逻辑：当注入到服务中时，用户/身份验证信息为空。我有一个简单的服务...

c# dependency-injection blazor blazor-server-side

回答 1 投票 0

如何删除 blazor 页面的内边距？

我正在学习 Blazor 混合，我找不到删除主页上填充的方法。这是我的代码身体{ </desc> <question vote="0"> <p>我正在学习 Blazor Hybrid，但找不到删除主页上填充的方法。这是我的代码</p> <pre><code><div class="box1"> </div> <style> body{ background-color:brown; } .box1{ width:100%; height:100px; background-color:yellow; } </style> </code></pre> <p>结果如下： <a href="https://i.sstatic.net/6S6k1.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvNlM2azEucG5n" alt="enter image description here"/></a></p> <p>我想要左上角的黄色框。</p> <p>我尝试在 MainLayout.razor 中更改内容，如下所示：</p> <pre><code><main> <article class="content px-0"> @Body </article> </main> </code></pre> <p>将 px 设置为 0</p> <p>我还尝试完全删除课程“内容”。这删除了顶部填充，但没有删除左侧填充，如下所示： <a href="https://i.sstatic.net/cdwHd.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvY2R3SGQucG5n" alt="enter image description here"/></a></p> <p>有人知道如何实现我的目标吗？</p> </question> <answer tick="true" vote="3"> <p>这就是原因。请注意您可能一直在与之斗争的 !important 的使用。</p> <p>MainLayout.razor.css</p> <pre><code>@media (min-width: 641px) { ... .top-row, article { padding-left: 2rem !important; padding-right: 1.5rem !important; } } </code></pre> </answer> <answer tick="false" vote="0"> <p>在 MainLayout.razor 中你会看到</p> <pre><code> <article class="content px-4"> @Body </code></pre> <p>删除 px-4 和 MainLayout.razor.css 内部</p> <pre><code>.top-row, article { padding-left: 2rem !important; padding-right: 1.5rem !important; } </code></pre> <p>要么注释掉它，要么将填充设置为0px 然后它会从一个边缘移动到另一个边缘</p> </answer> </body></html>

blazor

回答 0 投票 0

Blazor 身份验证 DI voes

c# blazor blazor-server-side

回答 1 投票 0

Blazor @onmousedown 无法识别长按

我希望我的程序能够区分短按和长按。当短按（单击）时它可以工作，但是当我按住鼠标时 @onmousedown 永远不会被调用。这是为什么？我希望我的程序能够区分短按和长按。当短按（单击）时它可以工作，但是当我按住鼠标时 @onmousedown 永远不会被调用。这是为什么？ <li @onmousedown="MouseDown" @onmouseup="MouseUp"> ... </li> DateTime mouseDownTme; void MouseDown() { mouseDownTme = DateTime.UtcNow; } void MouseUp() { long milliseconds = (DateTime.UtcNow.Ticks - mouseDownTme.Ticks) / TimeSpan.TicksPerMillisecond; if (milliseconds > 400) { //long press Console.WriteLine("long press"); } else { //short press Console.WriteLine("short press"); } } 编辑：这段代码有效。真正的问题是我试图在 .NET MAUI Blazor 中执行此操作。我也在正常的 blazor 环境中测试了它，但似乎我在那里犯了一个错误，因为再次测试证明它是有效的。有谁知道我可以在哪里将此问题重新报告给 .NET MAUI Blazor？您应该使用 OnPointerDown 和 OnPointerUp，它们适用于触摸和鼠标；） GitHub 中的完整示例您可以组合 @onmousedown 和 @onmouseup： //Code behinde private DateTime time1 { get; set; } private DateTime time2 { get; set; } <li @onmousedown="() => { time1 = DateTime.Now; }" @onmouseup="() => { time2 = DateTime.Now; }"> Click me </li> @if ((time1.Ticks - time2.Ticks)/ TimeSpan.TicksPerMillisecond > 400) { <p>Long press</p> } else { <p>short press</p> } 由于我在使用 MAUI Blazor 时遇到了同样的问题，我终于找到了适合我的解决方案：我有一些像这样的代码可以在画布元素上绘制： <canvas @onpointerdown=this.OnPointerDown @onpointerout=this.OnPointerOut @onpointerup=this.OnPointerUp @onpointermove =this.OnPointerMove> onpointerdown 和 onpointermove 触发一次，onpointerup 仅在“快速单击”时触发，而无需长按。在 Blazor 服务器应用程序中使用此代码时，一切正常。长按时似乎会触发其他触摸事件（例如滚动或缩放？）。最后我将以下 CSS 添加到画布中 touch-action:none; 最终得到这样的代码： <canvas style="touch-action:none;" @onpointerdown=this.OnPointerDown @onpointerout=this.OnPointerOut @onpointerup=this.OnPointerUp @onpointermove =this.OnPointerMove> 这效果很好:-) 我已经为 onlongpress 创建了一个包，所以请尝试一下： https://www.nuget.org/packages/Kebechet.Blazor.EventHandlers.LongPress 文档： https://github.com/Kebechet/Blazor.EventHandlers.LongPress 适用于普通 Blazor 和 Maui Blazor

blazor

回答 4 投票 0

blazor 相关问题

最新问题