问题标签 [blazor-client-side]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
554 浏览

blazor - Blazor:在属性更改时调用 Web API

我是 Blazor 的新手。目前,当我尝试从客户端 blazor 应用程序(Web 程序集)调用 Web API 并在我的 UI 中使用复选框作为 GET 参数的过滤器时,我遇到了问题。

示例:我有一个复选框:

和 API 调用:

问题是属性 OnlyActiveRecords 在 OnClick 时包含旧值。

当我使用 onchange 事件时:

我收到错误消息:“'@bind' 指令属性使用了属性 'onchange'。”

当 Blazor 中的属性值发生变化时,我有什么方法可以调用方法?

0 投票
0 回答
845 浏览

blazor - Blazor:将复杂类型作为参数传递

我正在尝试将我的简单应用程序组件化,并且当一切都在一个组件中时,这一切都有效。但是,当我将按钮逻辑移到它自己的子组件中并移出主组件时,我得到以下信息

我可以看到这是一个转换错误,但是当我尝试使用原语做同样的事情时,它可以工作。我缺少什么技巧才能使它与复杂类型一起使用?

父组件

我的新子组件(ChoiceButton)

0 投票
0 回答
169 浏览

blazor-client-side - 向 Blazor 添加代码的入口点是什么?

我需要向在应用程序启动时运行的 Blazor WASM 应用程序添加一些代码。我想调用 API 以获取一些设置,以便在应用程序的剩余生命周期中使用。

我已验证 API 配置正确且返回数据。

我尝试同时添加 MainLayout.razor.cs 和 App.razor.cs 以进行调用。
这些都不起作用。但是,当我将相同的代码添加到我的其他组件之一(如下)时,它工作正常。

有没有可能我只是错过了一些东西?这种事情应该在 MainLayout 或 App 中工作吗?如果是这样,诀窍是什么?

0 投票
1 回答
1624 浏览

javascript - Blazor,从 Javascript 创建的 DOM 元素中获取输入值

我一直在使用 Blazor ( https://blazorboilerplate.com ),但今晚我遇到了一个问题,我在我的 blazor 页面中添加了一些自定义 D3 代码。D3 / Javascript 代码创建了几个 DOM 输入元素,我希望检索这些创建的元素的值,以便可以使用这些值将 DTO 保存到我的数据库中。我该怎么做?最有效的方法是什么?我应该只创建一个 JSInterop 方法来返回输入值吗?

我尝试创建“@ref”属性,以便 在尝试附加以“@”开头的属性时 可以使用ElementReference但 D3 错误

0 投票
1 回答
2054 浏览

blazor - Blazor 应用程序,如何添加模型状态验证错误?

如何在 SaveItem 事件中添加自定义验证消息(不喜欢使用数据注释)?它应该显示在“ValidationMessage For=”上下文中。

0 投票
5 回答
18006 浏览

blazor - 发现具有意外名称“Cascading AuthenticationState”的标记元素

我在 App.razor 上收到此错误:

发现具有意外名称“CascadingAuthenticationState”的标记元素。如果这是一个组件,请为其命名空间添加一个 @using 指令

这是我正在使用的代码

在此处输入图像描述

我正在使用 Visual Studio 2019 预览版,我可以运行应用程序,但是为什么我在 Cascading 中有红线......?

0 投票
2 回答
324 浏览

identityserver4 - 如何配置 Blazor 客户端以使用外部 IdentityServer4 服务器执行身份验证

我们正在开发一个由 Blazor 服务器(面向 .NET Core 3 并使用 ElectronNET.API 5.22.14)和 Blazor 客户端(面向 .NET Standard 2.1)组成的新产品。

我们不想在 Blazor 服务器中托管身份服务器,因为我们有一个现有的 IdentityServer4 服务器。

是否可以在通过 IdentityServer4 服务器进行身份验证的 Blazor 客户端中显示带有登录/注册选项的登录页面(例如身份服务器中的本地数据库登录)?- 我在网上找到的所有示例都在 Blazor 服务器中托管身份服务器。

在线文档中是否有示例或部分概述了 Blazor 客户端的正确设置?例如如何配置Startup.cs.

0 投票
1 回答
2411 浏览

blazor - 实现可移动
在 Blazor

我正在尝试在 Blazor 中实现为可移动的组件,但我不确定如何将 JavaScript 转换为 Blazor。我通常是为了实现类似的目标:https ://stackoverflow.com/a/47596086/767942

  • 如何处理 @onmousedown 并将其转换为 Blazor 以实现上例中的可移动 <div>?
0 投票
1 回答
3720 浏览

asp.net-core - 动态创建和销毁 Blazzor 客户端组件?

我正在尝试动态创建和销毁一个 Blazor 组件,该组件是通过鼠标单击页面内的按钮来创建的,无论如何我无法找到有关该主题的任何信息或示例。

  • 如何动态创建和销毁 Blazor 组件?

编辑:我添加了这个示例块来澄清我正在尝试的内容。

这是在“WindowContainer.razor”里面

这是在 MainLayout.razor 里面

  • 如何销毁 WindowTest1.Components.WindowContainer ?
0 投票
1 回答
625 浏览

blazor-client-side - Blazor 的 OnInitializedAsync 事件在 DOM 完成之前触发

我目前正在开发一个托管/客户端 Blazor WebAssembly 应用程序,该应用程序在最初运行时运行良好。

在正在呈现的页面的“OnInitializedAsync”方法中是一个 javascript 调用,用于检索页面上 html 元素的宽度。如果我在 javascript 函数中设置断点,则在初始应用程序运行时,浏览器将显示呈现的页面并且元素属性被正确检索。但是,当我刷新浏览器页面时,当断点被击中时,浏览器还没有完成页面渲染,因此元素的宽度为零。

谁能告诉我这是为什么以及如何解决这个问题?