首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Blazor中有两个InputSelects的EditForm,提交按钮看起来不像是ike触发的

Blazor是一个基于WebAssembly的开源框架,用于构建富客户端应用程序。在Blazor中,可以使用EditForm组件来创建表单,并使用InputSelect组件来创建下拉选择框。

针对你提到的情况,如果有两个InputSelects的EditForm,但提交按钮看起来不像是被点击触发的,可能有以下几个可能的原因:

  1. 事件绑定问题:首先,需要确保提交按钮与相应的事件绑定。在Blazor中,可以使用@onclick指令将按钮与一个方法绑定,例如:<button @onclick="SubmitForm">提交</button>。确保提交按钮的点击事件与正确的方法绑定。
  2. 表单验证问题:如果表单中存在验证规则,可能是因为表单验证未通过而导致提交按钮无法触发。在Blazor中,可以使用DataAnnotations验证模型属性,或者自定义验证逻辑。确保表单中的所有验证规则都通过后,提交按钮才能触发。
  3. 异步操作问题:如果提交按钮的点击事件涉及到异步操作,可能是因为异步操作未正确处理而导致按钮看起来没有触发。在Blazor中,可以使用async/await来处理异步操作,确保异步操作正确完成后,再进行相应的操作。

综上所述,如果在Blazor中有两个InputSelects的EditForm,但提交按钮看起来不像是被点击触发的,可以检查事件绑定、表单验证和异步操作等方面的问题。如果问题仍然存在,可以进一步检查代码逻辑或提供更多的上下文信息以便进行更详细的分析和解答。

关于Blazor和相关技术的更多信息,你可以参考腾讯云的Blazor产品介绍页面:Blazor产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 利用easyui实现增删改查(四):修改数据

    需求: 数据列表后面是有修改按钮,点击之后,会弹出一个模态框,并且对应数据是会回填到模态框,之后我们修改之后,点击模态框里面的修改按钮,那么就可以将修改数据传到后台,这样就可以完成修改功能 前端显示...}) 写了上面的代码,模态框我们是看不见,因为easyui样式里面我们已经关闭了,现在给列表里面的修改按钮添加事件,一点击这个修改按钮,就弹出模态框界面,并且数据回填 $("#datagridpersion...linkbutton({ iconCls:"icon-cancel" }); } }); 我们修改完成之后,点击模态框里面的修改,那么会触发以下方法...编辑按钮样式 $('#datagridtooredit>a:contains(修改)').linkbutton({ iconCls:"icon-edit",...// 点击这个修改之后,将修改数据往后台传 onClick:function () { // 提交表单数据 $('#editform

    62120

    【译】.NET Core 3.0 Preview 3中关于ASP.NET Core更新内容

    如果要在库中创建可与Blazor和Razor组件应用程序共享组件,仍然需要使用Blazor类库。这写问题会在未来更新中解决。...这里发生了很多事情,让我们把它一个一个地分解: 这个表单是使用新EditForm组件定义。...EditForm还为有效和无效提交(OnValidSubmit、OnInvalidSubmit)提供了合适事件。如果想自己触发验证,也可以直接使用OnSubmit。...这些模板创建了两个项目:一个是托管于ASP. NET Core中gRPC服务,以及一个用于测试它控制台应用程序。 ?...反馈 我们希望您喜欢这个预览版ASP.NET Core中新功能!请通过在Github上提交问题让我们知道你想法。

    22.6K10

    salesforce lightning零基础学习(七) 列表展示数据时两种自定义编辑页面

    此元素有两个必填属性: objectApiName:想要展示objectAPI Name; recordId: 想要展示数据ID。...:想要编辑记录record type id,用于指定新建/编辑记录record type onload:Form数据加载后触发回调函数; onsubmit:Form数据submit后触发回调函数...部分; showCloseButton:指定是否在modal中展示关闭按钮,默认为true; cssClass:逗号分隔一个listcss class应用于此modal; closeCallback...总结:篇中使用两种方式实现list 模式下两种方式Edit数据方式,demo比较粗糙,其中有很多地方是可以优化,比如edit没有处理异常操作等等。...感兴趣同学可以考虑优化,篇中有问题地方欢迎指出。不懂得欢迎留言。

    91840

    Vue电商实践项目(二)

    -- 分页导航区域 @size-change(pagesize改变时触发) @current-change(页码发生改变时触发) :current-page(设置当前页码) :page-size(设置每页数据条数..." layout="total, sizes, prev, pager, next, jumper" :total="total"> C.添加两个事件事件处理函数...$message.success('更新状态成功') }, 14.实现搜索功能 添加数据绑定,添加搜索按钮点击事件(当用户点击搜索按钮时候,调用getUserList方法根据文本框内容重新请求用户列表数据...C.将代码提交并注释 git commit -m ‘添加完成用户列表功能’ D.将本地user分支推送到码云 git push -u origin user E.将user分支代码合并到master:...this.editDialogVisible = false this.handleChange(); }) } } G.删除参数 删除参数或属性 给两个删除按钮添加事件

    5K10

    分层 Blazor 组件

    此标记包含包装器 Modal 元素及其两个子级子树:一个用于切换按钮,一个用于实际内容。 根据模式 Bootstrap 语法,任何对话框都需要显示触发器。...通常情况下,触发器是使用一对数据切换属性和数据目标属性进行修饰按钮元素。不过,模式也可以通过 JavaScript 触发。Toggle 子组件仅用作触发器标记容器。...按钮内容是通过模板化属性 ChildContent 进行捕获。请注意,在 Blazor 中,模板属性 ChildContent 自动捕获父元素整个子标记。...此外,Blazor模板属性是 RenderFragment 类型属性。 上面源代码中有地方是,绑定到级联值。...Id 值用于标识对话框最外面容器。使用 ID 签名 DIV 会在模式触发时弹出。相反,AutoClose 值用于控制 IF 语句,此语句决定了是否应在标题栏中显示“关闭”按钮

    8.3K10

    前端成神之路-vue前端项目04

    component: Roles }, { path: "/categories", component: Cate } ] C.添加组件基本布局 在Cate.vue组件中添加面包屑导航以及卡片视图中添加分类按钮...-- expandTrigger='hover'(鼠标悬停触发级联) v-model(设置级联菜单绑定数据) :options(指定级联菜单数据源) :props(用来配置数据显示规则) clearable...) this.getCateList() this.addCateDialogVisible = false }) } } I.推送代码 制作完添加分类之后,将代码提交到仓库...//控制修改参数.属性对话框显示或隐藏 editDialogVisible:false, //修改参数.属性对话框中表单 editForm:{ attr_name...this.editDialogVisible = false this.handleChange(); }) } } G.删除参数 删除参数或属性 给两个删除按钮添加事件

    1.7K20

    Blazor路由和路由模板

    在客户端上,路由器参与多种情况,最常见情况是用户单击链接、表单上提交按钮或下拉列表中触发服务器调用项。路由器绑定到内部位置更改事件,并从客户端处理导航到新请求路径整个过程。...毋庸置疑,当应用程序位置以编程方式更改时,路由器也会启动。最后一点也非常重要,路由器在浏览器历史记录中记录任何它负责位置更改,因此后退和前进按钮可以按用户期望工作。...在上一示例中,两个路由指令都由文本组成,因此它们都进入最终容器顶部区域,并按(相对)外观顺序排序。 路由确实支持参数,并且在最终表中以比文本路由更低优先级识别参数路由,因为它被视为不太具体。...下面是参数路线示例: @page “/user/view/{Id}” 当 URL 包含后跟 /user/view/ 服务器名称时,URL 模式匹配算法会触发此路由。...该组件还包含用于控制匹配方式属性。你可以执行严格匹配或前缀匹配。 此外还可以通过编程方式触发 Blazor 路由器。

    8.4K21

    Day 04 Compoent及路由介紹

    首先既然Component是可以重复利用,我们在Index.razor放上两个Counter,启动项目(如果不想完整调试,可以按ctrl+F5,就会启动不调试模式,启动速度比较快,而且每次储存文件,Blazor...都会监测到,网页重新加载就可以载入新程序了),浏览器上两个Counter有各自Click me按钮,分别点击后可以看到数字分别增加,代表是不同Component,那这些数字又定义在哪里呢?...重新加载页面可以看到按钮样式变了,Blazor帮我们把myClass值text-primary bg-warning放进buttonclass。...Service生成数据及渲染 前面说过Blazor只有一个网页,其他内容都是一个个Component组成,每次触发事件,Server或是WebAssemlby都会将相应Component呈现在浏览器上...另外若两个Component用了相同@page,编译阶段就会出现错误提示,所以也不用担心若有重复路由Blazor会怎么处理。

    1.3K30

    Day 03:Blazor Server和Blazor WebAssembly差异

    可以将两个项目都设定为启动项目,接着按下F5启动项目。...,两者作用是一样,.NET 6看起来是不是清爽很多? 通过var app = builder.Build();得到app实例,和原来Startup.cs中Configure方法作用也是类似的。...跟razor page之外request(也就是第一次连接、或是连接出错时)是从这里进入,之后Component触发都是经由6号框App.razor更动。...3号框则是两个项目都相同,MainLayout.razor, NavMenu.razor分别为网页布局及菜单,一个网站如果每个网页都用相同Sidebar、Menu,每更新一次(如更改公司Logo、添加联系方式...index.html则是相当于Blazor Server中_Host.cshtml文件(上一段文字有提到)。 而Blazor Server中有个没说到Data文件夹,里面又是什么呢?

    3.1K30

    结合使用 C# 和 Blazor 进行全栈开发

    在填写长窗体并单击“提交”后仅看到红色错误返回日子已经一去不复返了。 在浏览器中运行 Blazor Web 应用程序可以与 C# 后端服务器共享代码。可以将逻辑放入共享库中,并在前端和后端使用它。...最后,只有在没有错误情况下,“注册”按钮才处于启用状态。 ? 图 2:注册窗体 共享库 所有需要在服务器和 Blazor 客户端之间共享代码都位于一个独立共享库项目中。...ModelBase 类包含 Blazor 客户端应用程序或服务器应用程序可用来确定是否有任何验证错误方法。它还会在此模型更改时触发事件,以便客户端能够更新 UI。...它使用反射来查找此模型中字段,并更新字段值。然后,它触发 CheckRules 方法,以对相应字段验证所有规则。Blazor 客户端使用此方法,以在用户在输入文本框中键入内容同时更新值。...如果此模型中值已更改或在内部错误字典中添加或删除了验证规则,便会触发这个事件。Blazor 客户端侦听此事件,并在事件触发时更新 UI。

    6.6K40

    vue实战电商管理后台

    $refs.editFormRef.resetFields() }, // 修改用户信息并提交 editUserInfo() { this....getUserList 方法时候,该 queryInfo 会作为参数传入接口中进行查询 clearable 表示是否可清空,默认false,显式调用为 true clear 在点击由 clearable 属性生成清空按钮触发...$refs.xxRef 调用表单实例 validate 方法,该方法对整个表单进行校验方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验字段。...它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中 attribute。新语法由来可查阅这份 RFC。...$confirm 调用弹框,当点击取消会抛出异常,捕获后返回 cancel 字符串,当点击确定会返回 confirm 字符串,通过这两个字符串判断用户实际操作 通过 axios 调用 API this

    4.4K20

    【炫丽】从0开始做一个WPF+Blazor对话小程序

    WPF默认窗体边框,运行程序如下:看上图,点击窗体中按钮(其实是Razor组件按钮),但未执行按钮点击事件,且窗体消失了,这是怎么回事?...:当您尝试最大化后,窗体铺满了整个操作系统桌面(连任务栏区域也占用了);窗体任务栏两个圆角未生效(红色矩形框选部分),即窗体下面的两个圆角,站长未找到让BlazorWebView出现圆角属性或其他方法...,注册了双击事件调用窗体最大化(还原)方法、鼠标按下与释放调用窗体移动开始与结束方法;在第一个div里,其中有3个按钮,即窗体控制按钮,调用窗体最小化、最大化(还原)、关闭方法调用;另有两个按钮,演示单击调用...--新增Masa.Blazor Tab案例代码结束-->窗体操作按钮背景色也做部分修改:其实上面的窗体效果还是有点瑕疵,注意到窗体右侧竖直滚动条了吗?...private int tagCount = 6; protected override void OnInitialized() { // 订阅业务消息,在主窗口点击桃心按钮触发

    8.1K60

    这是Blazor上传文件最佳方式吗?

    Blazor不得不说真是好东西,极大提升了开发效率,很多页面交互功能基本上只需要写很少代码就能实现了,而且还是无js实现,你也绝对没有想到过,Blazor实现文件上传是有多么简单!...首先引入Tewr.Blazor.FileReader包,这个包能够提供文件上传流式读取,这样便可以实现在服务端对上传文件进行一边上传一遍写文件操作。...配置依赖注入(站长注:这是Blazor Server模式,wasm方式请查看文末仓库文档说明): services.AddFileReaderService(); 接下来我们先进行页面布局,很简单,再声明两个变量用于显示进度和显示图片...,按钮触发后通过fileReaderService进行文件流读取,接下来便是常规二进制数据copy操作,可以拿到文件传输进度,计算之后便能显示到页面中 <button @onclick=ReadFile...1MB图片,因为Tewr.Blazor.FileReader这个包提供文件上传流式读取,上传大文件也是可以,下面这是上传一个34.2MBZIP压缩包,Blazor服务端模式: demo做一般

    1.3K40

    【炫丽】从0开始做一个WPF+Blazor对话小程序

    > 上面的代码只是隐藏了WPF默认窗体边框,运行程序如下: 隐藏WPF默认窗体边框 看上图,点击窗体中按钮(其实是Razor组件按钮),但未执行按钮点击事件,且窗体消失了,这是怎么回事?...: 当您尝试最大化后,窗体铺满了整个操作系统桌面(连任务栏区域也占用了); 窗体任务栏两个圆角未生效(红色矩形框选部分),即窗体下面的两个圆角,站长未找到让BlazorWebView出现圆角属性或其他方法...,注册了双击事件调用窗体最大化(还原)方法、鼠标按下与释放调用窗体移动开始与结束方法; 在第一个div里,其中有3个按钮,即窗体控制按钮,调用窗体最小化、最大化(还原)、关闭方法调用; 另有两个按钮...--新增Masa.Blazor Tab案例代码结束--> 窗体操作按钮背景色也做部分修改: 样式部分修改 其实上面的窗体效果还是有点瑕疵,注意到窗体右侧竖直滚动条了吗?...private int tagCount = 6; protected override void OnInitialized() { // 订阅业务消息,在主窗口点击桃心按钮触发

    10.3K20

    结合配置、抓包来分析IKEIPSec整个协商过程

    IKE/ISKAMP协商过程 这里主要讲解IKEV1版本,在V1版本中有两个模式,一个主模式,一个野蛮模式(也称为积极模式),下面就以上一篇拓扑跟配置为基础,来通过抓包来分析,先从IKE主模式开始...判断依旧就是配置里面写ACL,BJ这边内容是当192.168.10.0网段去访问192.168.20.0触发VPN建立,这个时候就会开始第一阶段隧道建立,也就是IKE。...第一阶段建立(IKE) 这是BJ主动发起isakmp触发建立,里面的内容很多,对于现在最关心就是红色框起来,proposal 1,里面的内容会发现,包含了加密AES-CBC-256,认证算法SHA2...当一个两边需要建立IPSec时候,一个数据包(在感兴趣流量内)触发了IPSec过程,那么IPsec会使用ISAKMP/IKE阶段1来构建一个安全管理连接,这个管理连接可以让两个对等体可以彼此安全通信...通过这个安全管理连接,两个IPsec对等体将协商用于构建安全数据连接参数,这个安全数据连接用于传输用户数据,通常这个ISAKMP/IKE第二阶段也称为数据连接。

    2.6K10
    领券