问题标签 [blazor-component]

我有一系列文本框来从用户那里获取电话号码和电子邮件，我将以多种形式使用它们，但具有不同的上下文，例如客户、员工、供应商，所以我想知道是否可以创建一个模板化的组件来重用代码。

如何更改上下文并像这样调用组件

所有这些类都具有相同的电话和电子邮件属性。

谢谢

在 main 方法中dotnet core blazor web assembly app有一个WebAssemblyHostBuilder为 blazor 应用程序构建主机的类。在该类中有一个名为的公共属性RootComponentMappingCollection，可以添加 blazor 应用程序的根组件（设置路由的组件）。

可以向该集合添加更多根组件。我很好奇为什么在一个应用程序中拥有多个根组件，拥有多个根组件有什么好处，何时以及在什么情况下拥有多个根组件更好？

我有一个显示文章列表的 Razor 组件，我想在呈现页面后异步加载每篇文章的图像，以便用户可以看到页面上一个接一个弹出的图像。

问题是，我应该在哪里以及如何拨打这些电话？

的HTML：

编码：

我需要为LoadPicture页面中的每篇文章调用该函数，但我想异步进行，而不必等待所有调用来刷新整个页面。

我应该如何进行？

Blazor 组件定义的字段内部和外部代码指令

@code 指令外部和内部的定义字段有什么不同。

我注意到，当我将这些用于..时会有所不同。请解释发生了什么以及为什么会发生。

我制作了一个具有参数的自定义组件。如果未设置参数，我已经重写OnParametersSet了引发异常的方法，但是我需要确保参数使用两种方式绑定。如果将其设置为MyParameter="somevalue"不会引发异常并且不会触发我的事件回调（我定义了 MyParameterChanged 事件回调）。有没有办法确保设置此参数，@bind-MyParameter="somevalue"以便子组件通知父组件的更改？我知道还有其他方法，例如 CascadingParameters（将其耦合到模型）或自定义事件回调（然后父页面必须传递 EvenCallback 方法）

背景

我有一个MainComponent带有多个按钮的组件，它将使一个新的SubComponent出现（<TaskList AreaId="@SelectedAreaId" IsVisible="@IsVisible"></TaskList>）。

问题

当我想在SubComponent: 上放置一个关闭按钮时出现问题，我尝试在其上创建一个按钮并制作：IsVisible = !IsVisible。虽然这在某种程度上确实有效（它使组件从视图中消失），但它的问题是，如果我单击MainComponent相同的按钮，SubComponent它将不会出现（我假设是因为组件仍然“活动”）。

最好的解决方案是什么？我正在考虑在IDisposable上使用SubComponent，但ComponentName.Dispose()没有定义。

Edit1：添加了我目前正在做的事情的示例

MainComponent (TaskList.razor)

子组件（ TaskDetails.razor）

Edit2：添加了工作代码

MainComponent (TaskList.razor)

子组件（ TaskDetails.razor）

我试图在我的测试中呈现“组件 A”，它里面有以下 html：

'functions' 是在 CS 文件中为组件创建的变量，如下所示：

并像这样填充：

现在，当我在测试中渲染我的组件时，我会进行标记匹配：

这通过了，但随后我进行了相同类型的检查，但对于加载“函数”变量时应该出现的“加载”标记，但它总是失败。

谁能解释我如何加载这个组件并一路检查它的标记？

编辑：

完整的测试用例 -

渲染 UI 组件的方法 -

我在 Blazor 中有一个服务文件，可以将文件上传到我的项目，但我正在尝试检查上传的文件是否只有 jpg 及其姐妹文件。但是，我注意到我不能使用 ViewData 来显示条件确实满足的消息。

这是服务

**这是组件**

我有一个基础组件PetTemplate和一个PetDog继承并使用PetTemplate. PetTemplate有一个名为ToggleDisplay. 我的目标是当我单击Index页面上调用该PetDog.ToggleDisplay方法的按钮并在页面上显示/隐藏 PetDog 详细信息时。

下面示例代码中的“内部”按钮有效，但“外部”按钮无效。如何ToggleDisplay正确地从页面或父组件调用该方法？

索引.razor

宠物狗剃须刀

宠物模板.razor

我正在尝试在 Blazor 服务器端做一个带有分页的简单表格。

表格是 Blazor 组件，分页模块是另一个 Blazor 组件。分页组件 ( Paginador) 有一个用于总行数的参数（用于计算集合中的最后一页）。

我可以渲染表格、分页部分，并在页面更改时更新表格的内容，但由于某种原因，TotalRows参数到达Paginador0 而不是总行的值。

代码如下。

列表组件：

Paginador：

我发现，在加载页面时，会在调用列表组件的方法Paginador之前渲染，因此该参数采用默认值。OnInitializedAsyncTotalRows

那么，如何在Paginador渲染之前获得总行数？

提前致谢。