BootstrapBlazor - EditorForm 表单组件（一）

本文主要是介绍BootstrapBlazor - EditorForm 表单组件（一），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

原文链接：https://www.cnblogs.com/ysmc/p/16053652.html

官网例子链接：https://www.blazor.zone/editorforms

通过绑定数据模型自动呈现编辑表单

EditorForm 组件是一个非常实用的组件，当进行数据编辑时，仅需要将 Model 属性赋值即可。

• 绑定模型默认自动生成全部属性，可以通过设置 AutoGenerateAllItem 更改为不自动生成
• 如不需要编辑列，设置 Editable 即可，默认值为 true 生成编辑组件
• 复杂编辑列，设置 EditTemplate 模板，进行自定义组件进行编辑
• 表单内按钮可以设置多个，设置 Buttons 模板即可

<EditorForm Model="@Model">
   <FieldItems>
      <EditorItem @bind-Field="@context.Education" Editable="false" />
         <EditorItem @bind-Field="@context.Complete" Editable="false" />
         <EditorItem @bind-Field="@context.Hobby" Items="@Hobbys" />
      </FieldItems>
      <Buttons>
         <Button Icon="fa fa-save" Text="提交" />
      </Buttons>
</EditorForm>

Attributes 属性

 AttrAttributeTitle

这篇关于BootstrapBlazor - EditorForm 表单组件（一）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！