问题标签 [razor-components]

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 回答
39 浏览

blazor - 事件回调后执行功能

当我在回调函数中时,我尝试在子组件中调用一个函数。

在我的子组件中:

在我的父组件中:

0 投票
1 回答
130 浏览

blazor - 如何将 cshtml 与 _layout.razor 连接

关于我的问题。创建 Blazor 服务器端应用程序时。您可以选择使用个人使用帐户。然后 Blazor 将为您创建所有这些。我对文件“Login.cshtml”的设计做了一些改动

我现在想做的就是在我的起始页上有它。我从一开始的设置。你有一个主布局。我想使用我自己的“LoginLayout”。

但问题是我的 Login.cshtml 不适合 LoginLayout.razor

在这里,您可以查看文件的外观。这是从 Blazor 生成的。

我想得到帮助,所以我可以使用这个 login.cshtml 作为我的起始页。

0 投票
0 回答
215 浏览

c# - Asp Net Core 如何使用ajax 渲染剃须刀组件?

在我的 razor 页面中,我可以很容易地使用 ajax 渲染视图组件。然而,razor 组件更容易使用,因为您可以将所有内容都放在一个文件中,并且在使用自包含组件时不会造成混淆。我怎样才能为剃须刀组件做到这一点?此外,我的项目只是 razor 页面和 MVC 控制器,目前使用一个 razor 组件作为侧边栏

0 投票
0 回答
92 浏览

razor - 在 Blazor 中的两个组件之间共享对象

我试图在 Blazor 中将对象从一个组件传递到另一个组件。例如,在第一个组件中,我将从数据库中检索数据,而在第二个组件中,我想显示它们?

我找到了共享价值的解决方案,但不是整个对象。这个问题有什么解决办法吗?

0 投票
2 回答
3083 浏览

asp.net-core - ASP.NET CORE 和 BLAZOR:重置密码

嗨,

我是 blazor 和 .net 的新手,想知道如何以最佳方式实现密码重置。目前我正在使用此示例登录等:Blazor 身份验证示例。此示例不包括重置密码的示例。所以我自己正在寻找解决方案。

这就是所拥有的,它是一个 Razor 组件

如您所见,这是一种简单的方法,目前我似乎找不到一种方法来存储密码重置令牌,并在邮件中单击它时捕获它。

在我之前;

  1. 创建一个随机令牌,将其存储在字段中的数据库中;当前用户的 UserResetToken
  2. 当用户然后单击链接时,令牌将被提供给网页 [参数]。
  3. 然后存储过程会找到令牌并清除它,然后在另一个用户表单上更改密码。

我不认为这是基于自定义存储过程的最佳实践。有人可以指导我吗?

问候,

0 投票
1 回答
183 浏览

css - 如何使用引导程序、剃须刀可重用组件和样式将父组件元素与子组件元素对齐?

刚刚学习 Blazor 和 razor 页面。我正在使用引导程序来设置页面样式。我想知道如何处理这种情况:

Parent 引用一个子组件。Child 组件使用标签和选择列表框。使用引导程序,我对组件进行样式设置,如下所示:

这很好地对齐了 Child 组件中的元素。但是,在父组件中,如果我在子组件后面添加任何内联内容,则子组件的样式将被丢弃。如果我想在组件中添加一条消息怎么办。可以这样做吗?我怎样才能做到这一点?这是一些屏幕截图。 在此处输入图像描述

这里尝试添加与组件​​内联的“消息”:Parent's HTML:

结果的图像: 在此处输入图像描述

因此,当在父级中使用引导网格时,子级组件似乎占据了整条线并被挤压。我能做些什么来解决这个问题?我真的不希望我的可重用代码占用整行。我确定这是我缺乏经验,但这就是我寻求帮助的原因。

多谢!

0 投票
0 回答
58 浏览

razor - 将 Model 类映射到其 Razor 组件

我目前正在学习 Blazor。

我的模型有一个抽象类和这个抽象类的十几个具体实现。例如FruitApple,BananaOrange。每个实现都需要一个特定的用户界面。

所以我为每个类创建了一个 Razor 组件。让我们称它们AppleViewBananaViewOrangeView

我的前端查询 aFruit[]并遍历每个条目并呈现特定的 Razor 组件。看起来像这样:

有没有更好的方法将这么大的 if-else-statement 组合在一起?有没有办法将模型类映射到它的视图?

谢谢!

0 投票
2 回答
1182 浏览

c# - 在按钮单击 Blazor 服务器上执行异步方法

我试图在按下按钮时执行异步方法。代码编译没有问题,但是当单击按钮时,该方法永远不会被调用。我已经使用了我可以使用的所有 google fu,但无济于事。我在语法上做错了吗?我忘记导入某些东西还是我误解了它是如何工作的?

0 投票
0 回答
632 浏览

asp.net-core - 如何以编程方式设置 Blazor 组件的布局?

在 Razor View 中有一个名为的属性Layout,它允许我使用代码设置该视图的布局,就像这样

现在在 Blazor 组件中是否有类似的东西允许我像在剃刀视图中一样以编程方式设置组件的布局?我现在看到的是组件的布局可以使用组件顶部的指令进行硬编码,如下所示

能够用代码设置它会非常有帮助。

0 投票
1 回答
764 浏览

razor - 如何判断一个 RenderFragment 是否有内容

我刚刚构建了一个非常简单的 razor 组件来模板化页眉。现在我注意到我关于 ChildComponent != null 的条件总是正确的。有没有办法检查 ChildContent 是否定义了任何真实内容?

在我的示例中,PageTitleSecondaryRow 将始终呈现到我的页面中,即使 ChildContent 为空(但它不为 NULL)。我有哪些选项。作为一种解决方法,我现在将创建一个自定义 RenderFragment 属性,该属性在初始化时为空。但我不认为这是最终的解决方案。