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