使用用于Blazor表单组件的Telerik UI创建各种表单很容易。与其他Blazor组件一样,它为您提供了如何构建下一个应用程序的注册页面或联系表单的创造性自由,同时也保持了它的简单-它甚至可以从您的数据模型自动生成!
查看Blazor表单演示
如前所述,数据可以绑定到Form组件,该组件将根据您的模型自动生成所有字段,不同的输入元素用于模型中的不同属性(例如,数字将使用
该表单可以适合页面上的任何地方,因为它可以水平方向和垂直方向。它可以渲染单独的列,如果你想要它。配置它,使它在您的用例中最有意义!
Blazor Form UI组件有一个EditorType参数,它提供了一种基于提供的数据类型更改默认字段编辑器的简单方法。对于DateTime类型,您可以灵活选择DatePicker、DateTimePicker或TimePicker,对于字符串字段,您可以选择TextBox或TextArea。
参见Blazor表单组件中的自定义编辑器示例。
表单可以通过内置的Blazor验证进行完整的验证。这意味着您可以使用Required、Range或MaxLength等属性直接在模型上提供验证规则,但表单包含的任何字段也可以单独进行验证。如果您采用这种方法,您甚至不需要编写任何特殊的逻辑。
不仅如此,用于Blazor的Telerik UI还提供了3个独立的组件来显示验证错误。阅读更多关于ValidationSummary,ValidationMessage&ValidationTooltip.如果不想从数据模型自动生成表单,可以添加
表单支持3个事件- OnSubmit, OnValidSubmit和OnInvalidSubmit。你可以从他们的名字猜出他们是什么时候广播的:
使用表单组件Id属性在必要的地方引用组件,例如将一个按钮标记为该表单的“提交”按钮。