问题标签 [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.
blazor - Blazor Server - EditForm 提交 - 单击两个按钮以聚焦和提交?
所以我有点困惑,我认为某些提交逻辑在 Blazor Server 中是如何工作的(可能与 Blazor WebAssembly 相同)。
我有一个带有字段和提交按钮(提交类型)的 EditForm:
在浏览器中,我执行以下操作:
- 提供将根据我的评估为无效的输入,
FormModel
并且DataAnnotationsValidator
我被告知只需单击一个按钮。这是意料之中的。 - 我更正了名字文本输入的值,并且它仍然在浏览器中具有焦点,我单击
Submit
- 所发生的一切是 DataValidation 似乎已经运行(很酷,这总是好的),但是单击
Submit
按钮似乎并没有触发我运行 OnValidSubmit 的 C# 代码。(正如你在我的例子中看到的,我用Debug.WriteLine
有没有办法避免这种情况,同时使用 OnSubmit/OnInvalidSubmit/OnValidSubmit 和 type="submit" 的按钮保持 EditForm?
(我读到在 Blazor 和 State 更新中使用类型按钮与类型按钮时存在一些差异submit
......button
不知道这是否是一个因素)
从用户的角度来看,他们按两次按钮执行一个操作。这当然会让人觉得有点奇怪或混乱。
根据我的测试,这似乎是涉及 DataAnnotationsValidator 的情况,这部分是有道理的,直到需要在客户端上按下两个按钮才能实际点击我的 C# 代码。(即我知道焦点改变时正在发生数据验证)
我觉得我部分误解了某些东西,并且部分遗漏了我的表单中的一些额外代码或设置以避免这种情况。
有没有办法做我想做的事情,同时保持DataAnnotationsValidator
?
提前感谢您的帮助!
c# - Blazor 将 ValidationMessage 传递给扩展的 InputText 组件
我有一个ExtendedInputText
继承自的组件InputText
我打算用它来代替它
有了这个
我将如何传递<ValidationMessage For="@(() => Command.Title)" />
给ExtendedInputText
组件并从内部渲染它?
blazor - 使用 Blazor 时如何禁用 ENTER 键按下提交按钮
我似乎无法找到一种方法来禁用<button type="submit">
包装内的回车键<EditForm>
。
问题在于,在任何 blazor<InputText>
控件中,当用户按下 ENTER 键时,blazor 会激活验证和提交过程。
我也尝试过使用<button type="submit" @onkeypress="@KeyHandler" @onkeypress:preventdefault>
,但它不起作用,表单仍然继续验证并提交。
更具体地说,在我的内部,我<EditForm>
调用了一个包含<InputText>
用于搜索项目的模式对话框,每次按下 ENTER 执行搜索时,表单都会在后台得到验证并提交:(
请帮忙
html - 默认情况下如何在 Blazor 中检查 InputRadio 单选按钮
使用 Blazor Server,我试图在表单中设置一些单选按钮并默认检查第一个。
我在 EditForm 中使用 InputRadio 并设置 checked="checked" 或 checked="true" 但它不起作用,按钮未选中。
下面的示例代码。TestModel 是一个具有单个 int 属性的类,称为 Number。
c# - 表单提交时的 Blazor EditForm 自定义验证消息
我们可以向 Blazor 中的 EditForm 添加自定义验证消息吗?我的表单如下所示,在提交表单时,我必须执行一些业务逻辑检查以查看为参数提供的值是否正常,如果不正常,我必须显示自定义动态验证消息
我们在 Blazor 服务器端是否有类似于 ModelState.AddModelError 的内容
.net-core - Blazor 如何在没有提交按钮的情况下提交表单
在我使用的一个 blazor 项目中Editform
,Fluentvalidation
以及Toolbelt.Blazor.HotKeys用于提交表单的快捷方式 (ctrl+s) 当我按下 ctrl+s 时,会调用Submit()方法,但如果表单有错误,它没有显示错误。实际上只调用了方法,没有调用提交表单。你对这个问题有什么建议?
c# - 引发 EditContext.OnFieldChange 时的旧值
我有版本5.0.11
为Microsoft.AspNetCore.Components.WebAssembly
. 我制作了以下页面和组件:
当我从 select html 组件中选择一个值时,会调用 HandleChange 并通知编辑上下文有关更改的信息,但是当调用事件处理程序Value
时InputBase
保留旧值,尽管之前已vm.Value = args.Value?.ToString();
分配。
结果,当我第一次选择一个值时,假设“Rat”标题保持为空,第二次尝试当我选择“Dog”时,“Rat”出现在标题中。
如何在事件处理程序中读取输入的当前值?我尝试过CurrentValue
,Value
但没有成功。
asp.net-core - 如何在客户端 blazored Project.cs 中访问服务器项目的应用程序设置
“我想知道如何在客户端 balzored项目.cs文件中访问 appsettings.json。”
c# - 如何使用 EditForm C# 引用带有参数的构造函数?
我正在尝试建立一对多的关系。一家公司应该能够拥有多个董事会。我已经用这样的关系建立了我的模型。但是,我不确定如何调用正确的构造函数?当我使用 Create_Company 页面上的 EditForm 初始化对象时。
公司
我知道如何使用:
但不是我目前的做法: