问题标签 [blazor-client-side]

我在 Blazor 客户端的复选框仅以一种方式工作，从 UI 到视图模型，而不是另一种。我还有一个使用完全相同的视图模型的 Windows 应用程序，双向绑定可以完美地工作。

视图模型放置在一个单独的项目中，该项目同时被 Blazor 客户端应用程序和 Windows 应用程序引用。

我已经在我的视图模型中实现了 INotifyPropertyChanged 接口。

观察到的行为是：

1. 当我启动我的 Blazor 应用程序时，UI 没有反映来自视图模型和数据库的值。如果我启动我的 Windows 应用程序，它会启动。
2. 如果我更改数据库中的值，我的 Windows 应用程序 UI 将在 30 秒内更新，但我的 Blazor 不会。
3. 如果我单击 UI 中的复选框，我的视图模型和数据库将在 Blazor 和 Windows 应用程序中得到更新。

那么，我在 Blazor 客户端应用程序中做错了什么？

我的 Blazor 视图非常简单：

我的查看模式：

我想在现有的 ASP.NET Core 3.0 MVC 项目中设置一个控制器操作来为 Blazor 应用程序提供服务。我在过去看到过与其他 SPA 框架类似的东西，该操作的视图仅包含带有捆绑包的脚本标记，通常还有一些其他设置，例如将 SPA 构建放置在 MVC 项目的 wwwroot 上。

看看 Blazor 应用程序，它在某种程度上似乎相似，其中 index.html 文件包含 wasm 脚本。但老实说，我不确定从哪里开始设置它。有任何想法吗？

我在尝试运行热门的新 Blazor 应用程序时收到以下错误！

这是我的 Startup.cs，我想我正在以正确的顺序添加服务......

这是我的 AuthService：

这是我的 ApiAuthenticationStateProvider：

我在这里想念什么？我已经尝试了一两天来弄清楚。我不确定是否有一些错误的参考，或者它可能是什么。

这是我的 .csproj 文件：

我正在使用 Blazorise Bootstrap 创建 Blazor 客户端应用程序。

在我的代码中，我有一个 POCO 上基本 CRUD 的弹出窗口。我正在使用 Blazorise 验证来强制执行字段要求；

Blazorise 验证文档

现在我遇到的问题是我的弹出窗口可重复用于添加和编辑 POCO（来自数据网格）。我将验证绑定到引用，如下所示；

和

在我的Code部分。这第一次工作正常，但是，如果我然后重用组件并重置Company实例，是否会显示先前的验证？例如，我将加载弹出窗口并输入有效的Company.Nameand Company.Email。然后我会重新加载弹出窗口并使用Company = new Company();它清除文本框进行重置，但由于某种原因，调用companyValidations.ValidateAll()仍然返回 true？

为了完成，我通过组件上的公共方法完成此操作；

但是，我已经玩过订单了，当我重置绑定模型时，我似乎无法将验证重置为“刷新”？

我尝试将 hte 设置ValidationMode为两者Validation.Auto，Validation.Manual但问题仍然存在？

我一直在尝试让 Blazor 使用 Newtonsoft.Json 'JsonProperty' 属性使用自定义属性名称，但到目前为止还没有找到让它工作的方法。如果我使用模板创建初始 Blazor WebAssembly 并将“WeatherForecast”类修改为...

即使我可以在响应中看到带有“sum”字段的数据，汇总也不再显示在网格中。有没有人不知道如何让模型在客户端中正确绑定？

我已经按照微软在此处详述的所有步骤进行操作：' https://docs.microsoft.com/en-us/aspnet/core/blazor/debug?view=aspnetcore-3.0 '关于调试 Blazor WebAssembly 但没有无论我尝试什么项目，虽然我可以在开发工具窗口中打开各种客户端文件，但它不会让我设置任何断点。我已经尝试过最新的 Chrome (77.0.3865.120) 和最新的 Microsoft Edge 预览版。有谁知道我错过了什么？

我已经编辑了整个问题以便更好地理解

我的示例解决方案包含 2 个项目

• MVC 应用程序 + Blazor 服务器
• Razor 类库

Razor 类库有一个非常简单的组件“Awesome.razor”：

MVC 应用程序有一个 Home/Index.cshtml：

看起来像这样：

如果我运行应用程序 ( <root>/home/index)

我可以点击按钮，Awesome 组件就可以工作了。

我是否可以使用相同的技术 ( Html.RenderComponentAsync) 但不使用 Blazor Server 来使用 Blazor WebAssembly？

我做了一些尝试使其工作（通过使用 Blazor WebAssembly 的模板并将其与 MVC 应用程序集成来尝试/出错），但无法使其工作。我想知道我是否做错了什么，或者是否RendercomponentAsync只能与 Blazor Server 结合使用。

完整的源代码可以在这里找到（我没有尝试 WebAssembly）： https ://github.com/geeForceOne/MvcWithBlazor

更新

显然RenderComponentAsyncBlazor WebAssembly 有支持。

通过将他的示例应用程序改编为https://github.com/geeForceOne/BlazorWebAssemblyWithPrerendering，我设法部分实现了我想要的（感谢Daniel Roth ） 。

我尝试了不同的尝试 n 错误并提出了这个解决方案：

在 Blazor.Client 项目的 Startup.cs 中，我注册了两个组件：

然后我创建了两个 Razor 页面 MyTest.cshtml 和 MyTest2.cshtml。虽然 MyTest.cshtml 完全符合我的要求并且工作正常：

它不适用于 MyTest2.chshtml

我的问题：我是否走在正确的道路上（我需要改变什么才能使其正常工作）？或者我可以按照 Daniel Roth 的原始样本以这种方式只运行一个组件吗？

使用默认模板我修改了 Counter ：

我正在这样使用它：

这将导致

Microsoft.CSharp.RuntimeBinder.RuntimeBinderException：'无法将类型'void'隐式转换为'object''

如果我绕过Tuple<dynamic>它，它会起作用。

这是为什么？

我正在尝试创建一个表格，当您单击一行时，会显示一个下拉列表。我能够检测到点击正常。但是，我希望能够单击屏幕上的其他任何位置以返回到不可编辑的版本。

问题是，当我使用@onfocusous 时，它只有在我单击行中但在下拉列表之外时才有效。我希望能够单击页面上不是下拉菜单的任何位置以切换回来。

这是我拥有的 HTML。

我猜我需要 javascript 来做到这一点，但我从未使用过 javascript 或知道如何使用互操作，所以任何帮助都会很棒。

既然微软说 Blazor WebAssembly 是 .Net Core 3.1 的预览版（参见那个页面），这是否意味着 Mono 在 Blazor WebAssembly 中被 .Net Core 3.1 取代？