问题标签 [blazor-editform]

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 投票
2 回答
1409 浏览

asp.net-core - 表中的 EditForm 不呈现

Blazor vRC1

组件似乎有些微妙之处,EditForm在某些标记情况下它不会呈现其内容。例如,当将 an放置EditForm标签<table>中时,什么也不会发生

<table>然而,用所有东西包裹起来EditForm 会按预期呈现

我对后者很好,但是如果渲染引擎无法处理第一个示例,那么如果它会抛出某种错误来警告开发人员不支持这种情况,那就太好了。

0 投票
1 回答
339 浏览

blazor - 仅从 blazor 中的 ValidationMessage 获取错误字符串?

在使用 blazor 时ValidationMessage,我意识到这个组件将错误包装在 a 周围div并添加类validation-message

在此处输入图像描述

如何在没有 div 的情况下仅获取错误字符串?

0 投票
0 回答
94 浏览

blazor-server-side - 使用元数据类时 Blazor 验证不起作用

我正在使用 blazore 服务器端。使用元数据类时表单验证不起作用。我正在使用脚手架,我的数据库模型通常是自动生成的。如果我修改它,它会清除我所有的 Dataannotation 验证。

这是我正在使用的课程

这就是我在 blazor 中使用它的方式。

0 投票
2 回答
6642 浏览

onchange - blazor 编辑表单更改事件

我想在绑定到模型值的 blazor 编辑表单中有一个 InputSelect,并且还有一个 onchange 事件,该事件根据新值更改模型中的其他属性。

绑定到 @bind-Value 和 @onchange 都不起作用(我猜是因为绑定值同时使用了输入的值和值更改的属性。

我可以绑定到 oninput,但我想知道是否有更好的方法来做到这一点。

我可以像这样绑定到 oninput

但理想情况下,我想在模型属性更新后绑定到 @onchange 事件,或者知道最佳实践是什么。如果不使用绑定值,模型验证将不起作用,所以我能想到的唯一替代方法是让更改事件在我的模型的属性内工作,但这似乎是错误的

0 投票
0 回答
937 浏览

blazor - Blazor 中的动态编辑表单

我正在尝试使用 Blazor InputBase 和 EditForm 组件创建可重用的表单。(我省略了与模型绑定相关的大部分代码,但想法是组件接收模型,并从属性中确定字段并生成输入字段)

到目前为止,我有以下组件

让我解释一下这个想法,我应该像这样从其他任何地方调用这个组件(例如作为一个 nuget 包

我的问题是,我应该使用我在此处描述的结构(EditForm、InputBase 等)还是应该使用纯 HTML元素,例如Forminput type="text" "number"并手动创建它们?

检查以下行

这条线应该打开一个 Blazor InputText (我认为),但由于缺少像“bind-Value”这样的属性,这不起作用。再次不必担心模型绑定(我已经通过反射获得了道具),我的问题是这些从 InputBase 继承的组件的实例化)。

0 投票
1 回答
144 浏览

asp.net-core - 如何在 Blazor 中将非对象的数据类型作为模型传递给表单?

在 Blazor 的EditForm标记中,有一个必需的属性“模型”,它需要一个对象。有没有办法将元组或任何其他数据类型传递给此模型属性而不是对象?

0 投票
1 回答
209 浏览

scroll - 滚动时 Blazor EditForm 会越过 MainLayout

我有这个带有 MainLayout 顶部的 Blazor WASM,上面带有徽标和其他东西。在子表单上,我有一个 Editform,这项工作正常,但是当我滚动页面时,EditForm 滚动到 MainForm 的顶部而不是下方。其他内容在子滚动细下。有任何想法吗?亲切的问候

0 投票
2 回答
689 浏览

file-upload - 在 Blazor Server 中使用 EditForm 上传文件?

我正在使用 Blazor 服务器端并想上传一些文件。我不需要任何进度条左右,只想在EditForm提交文件时上传文件。到目前为止,我发现的流行解决方案(Synfusion Blazor File Upload、Steve Sandersons File Upload)在选择文件后上传文件,而不是在EditForm提交时上传。我不能只input type="file"在 HTML 中使用我的简单案例吗?我将如何使用 anEditForm以及如何在服务器端接收文件?

0 投票
2 回答
1575 浏览

c# - Blazor-EditForm InputCheckbox 可为空的布尔问题解决方法

我正在尝试为从 inputbase 派生的 Blazor 上的编辑表单创建定制输入,但是我正在努力掌握它,因为我这周最近才开始使用 Blazor,而一般来说,本月才开始使用 C#。

我找到了 https://www.meziantou.net/creating-a-inputselect-component-for-enumerations-in-blazor.htm(或找到下面粘贴的代码)并能够将它用于输入选择中的可为空枚举但是,尝试将其复制为可为空的输入复选框无济于事。我想知道是否有人有链接或知道如何调整它以使其正常工作。

提前谢谢你,我几乎整天都在我的电脑上,所以请随时提问,尽量不要责备我哈哈。

Blazor 组合:

0 投票
4 回答
773 浏览

c# - 字段无效时边框颜色未更改

我对 Blazor 相当陌生。我正在尝试通过引用页面在 EditForm 中呈现自定义组件。

但是当我提交没有值的表单时,边框颜色不会变为红色。此外,在清除输入值后提交表单时,边框不会变为红色。它保持绿色。

截屏:

图片

代码片段

NativeTextboxComponent.razor

索引.razor

FieldCssClass 在这种情况下返回修改后有效。

图片

任何帮助将不胜感激。