问题标签 [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 投票
1 回答
319 浏览

blazor - Blazor Server - EditForm 提交 - 单击两个按钮以聚焦和提交?

所以我有点困惑,我认为某些提交逻辑在 Blazor Server 中是如何工作的(可能与 Blazor WebAssembly 相同)。

我有一个带有字段和提交按钮(提交类型)的 EditForm:

在浏览器中,我执行以下操作:

  1. 提供将根据我的评估为无效的输入,FormModel并且DataAnnotationsValidator我被告知只需单击一个按钮。这是意料之中的。
  2. 我更正了名字文本输入的值,并且它仍然在浏览器中具有焦点,我单击Submit
  3. 所发生的一切是 DataValidation 似乎已经运行(很酷,这总是好的),但是单击Submit按钮似乎并没有触发我运行 OnValidSubmit 的 C# 代码。(正如你在我的例子中看到的,我用Debug.WriteLine

有没有办法避免这种情况,同时使用 OnSubmit/OnInvalidSubmit/OnValidSubmit 和 type="submit" 的按钮保持 EditForm?

(我读到在 Blazor 和 State 更新中使用类型按钮与类型按钮时存在一些差异submit......button不知道这是否是一个因素)

从用户的角度来看,他们按两次按钮执行一个操作。这当然会让人觉得有点奇怪或混乱。

根据我的测试,这似乎是涉及 DataAnnotationsValidator 的情况,这部分是有道理的,直到需要在客户端上按下两个按钮才能实际点击我的 C# 代码。(即我知道焦点改变时正在发生数据验证)

我觉得我部分误解了某些东西,并且部分遗漏了我的表单中的一些额外代码或设置以避免这种情况。

有没有办法做我想做的事情,同时保持DataAnnotationsValidator?

提前感谢您的帮助!

0 投票
3 回答
245 浏览

c# - Blazor 将 ValidationMessage 传递给扩展的 InputText 组件

我有一个ExtendedInputText继承自的组件InputText

我打算用它来代替它

有了这个

我将如何传递<ValidationMessage For="@(() => Command.Title)" />ExtendedInputText组件并从内部渲染它?

0 投票
1 回答
340 浏览

blazor - 使用 Blazor 时如何禁用 ENTER 键按下提交按钮

我似乎无法找到一种方法来禁用<button type="submit">包装内的回车键<EditForm>

问题在于,在任何 blazor<InputText>控件中,当用户按下 ENTER 键时,blazor 会激活验证和提交过程。

我也尝试过使用<button type="submit" @onkeypress="@KeyHandler" @onkeypress:preventdefault>,但它不起作用,表单仍然继续验证并提交。

更具体地说,在我的内部,我<EditForm>调用了一个包含<InputText>用于搜索项目的模式对话框,每次按下 ENTER 执行搜索时,表单都会在后台得到验证并提交:(

请帮忙

0 投票
1 回答
221 浏览

html - 默认情况下如何在 Blazor 中检查 InputRadio 单选按钮

使用 Blazor Server,我试图在表单中设置一些单选按钮并默认检查第一个。

我在 EditForm 中使用 InputRadio 并设置 checked="checked" 或 checked="true" 但它不起作用,按钮未选中。

下面的示例代码。TestModel 是一个具有单个 int 属性的类,称为 Number。

0 投票
0 回答
106 浏览

c# - 表单提交时的 Blazor EditForm 自定义验证消息

我们可以向 Blazor 中的 EditForm 添加自定义验证消息吗?我的表单如下所示,在提交表单时,我必须执行一些业务逻辑检查以查看为参数提供的值是否正常,如果不正常,我必须显示自定义动态验证消息

我们在 Blazor 服务器端是否有类似于 ModelState.AddModelError 的内容

0 投票
1 回答
68 浏览

sharepoint - 在 Sharepoint 的列中添加新类别

我无法在我的共享点上添加/编辑类别列,我需要进行更改。我曾经去图书馆设置,然后在列列表下找到类别,然后添加/编辑,但是,现在当我做同样的事情时。没有发生任何变化。有人可以帮助我做错什么吗?

在此处输入图像描述

0 投票
1 回答
242 浏览

.net-core - Blazor 如何在没有提交按钮的情况下提交表单

在我使用的一个 blazor 项目中EditformFluentvalidation以及Toolbelt.Blazor.HotKeys用于提交表单的快捷方式 (ctrl+s) 当我按下 ctrl+s 时,会调用Submit()方法,但如果表单有错误,它没有显示错误。实际上只调用了方法,没有调用提交表单。你对这个问题有什么建议?

0 投票
0 回答
52 浏览

c# - 引发 EditContext.OnFieldChange 时的旧值

我有版本5.0.11Microsoft.AspNetCore.Components.WebAssembly. 我制作了以下页面和组件:

当我从 select html 组件中选择一个值时,会调用 HandleChange 并通知编辑上下文有关更改的信息,但是当调用事件处理程序ValueInputBase保留旧值,尽管之前已vm.Value = args.Value?.ToString();分配。

结果,当我第一次选择一个值时,假设“Rat”标题保持为空,第二次尝试当我选择“Dog”时,“Rat”出现在标题中。

如何在事件处理程序中读取输入的当前值?我尝试过CurrentValueValue但没有成功。

0 投票
0 回答
36 浏览

asp.net-core - 如何在客户端 blazored Project.cs 中访问服务器项目的应用程序设置

“我想知道如何在客户端 balzored项目.cs文件中访问 appsettings.json。”

0 投票
1 回答
46 浏览

c# - 如何使用 EditForm C# 引用带有参数的构造函数?

我正在尝试建立一对多的关系。一家公司应该能够拥有多个董事会。我已经用这样的关系建立了我的模型。但是,我不确定如何调用正确的构造函数?当我使用 Create_Company 页面上的 EditForm 初始化对象时。

公司

我知道如何使用:

但不是我目前的做法:

创建_公司