使用 Blazor 应用中的内联按钮简化数据输入

在表单字段或网格中嵌入命令按钮,以实现更快、更直观的用户交互,并减少对独立 UI 元素的依赖。

使用 Blazor 应用中的内联按钮简化数据输入

嵌入到数据编辑器中的按钮可通过清除输入、打开下拉列表或提交数据等内联命令触发器来增强用户交互。这些按钮可以直接集成到表单字段或数据网格中,从而实现更直观、更紧凑的界面。开发人员可从图标、样式、行为和事件等自定义选项中获益,进而将按钮功能根据应用特定的工作流程进行定制。编辑器中包含命令按钮后,交互更为简化,无需依赖外部 UI 元素。

多款 Blazor 数据编辑器集合提供了按钮编辑器组件,包括:

  • DevExpress Blazor Data Editors(DevExpress ASP.NET 和 Blazor 的一部分)在输入控件中内置并支持自定义命令按钮,例如在文本输入中使用清除按钮,或在数值编辑器中使用微调按钮,并通过使用 DxEditorButton 类来定义行为。
  • Telerik UI for Blazor Data Editors(Telerik UI for Blazor 的一部分)支持在独立表单和编辑器工具栏中集成按钮,提供样式化按钮、图标支持,以及诸如 Submit、Reset 或自定义用户操作等内置命令绑定。
  • Syncfusion Essential Studio for Blazor Data Editors(Syncfusion Essential Studio Enterprise 的一部分)可在 DataGrid 或就地编辑器中集成命令按钮(保存、编辑、删除),并提供交互式样式和事件处理。
  • Infragistics Ultimate UI for Blazor Data Editors(Infragistics Ignite UI 的一部分)提供 IgbButton 组件,可进行 variant 和 size 配置,支持切换功能,并可加入图标前缀或后缀;这些内容可以嵌入到数据编辑器或表单模板中,用于实现交互式控制。

如需深入了解功能和价格,请访问我们的 Blazor 数据编辑器对比。

对比 Blazor 数据编辑器