Descripción general del formulario Blazor
El componente de formulario en Blazor se utiliza para configurar un formulario de contacto y/o una página de registro que se ajuste a los requisitos de cualquier aplicación. Puede proporcionar fácilmente la validación del formulario Blazor, definir la orientación del formulario y también configurar o personalizar el diseño que desee. El componente de formulario Blazor también expone eventos que le brindan la oportunidad de responder a las acciones del usuario.
Blazor Form Example
El siguiente ejemplo representa IgbForm que tiene algunas entradas, botones y una casilla de verificación en su interior.
Usage
Antes de utilizar IgbForm, debe registrarlo de la siguiente manera:
// in Program.cs file
builder.Services.AddIgniteUIBlazor(typeof(IgbFormModule));
También deberá vincular un archivo CSS adicional para aplicar el estilo al componente IgbForm. Es necesario colocar lo siguiente en el archivo wwwroot/index.html de un proyecto Blazor Web Assembly o en el archivo Pages/_Host.cshtml de un proyecto Blazor Server:
<link href="_content/IgniteUI.Blazor/themes/light/bootstrap.css" rel="stylesheet" />
La forma más sencilla de empezar a utilizar IgbForm es la siguiente:
Los datos del formulario se recopilan para los siguientes componentes:
Cuando un control de formulario no es válido, el formulario no se enviará y se mostrará un mensaje de error. Si desea especificar que los elementos del formulario no deben validarse cuando se envía el formulario, puede agregar el atributo novalidate al elemento IgbForm:
<IgbForm NoValidate="true" />
Eventos
El componente Formulario genera los siguientes eventos:
- Enviar: se genera cuando se envía el formulario.
- Restablecer: se genera cuando se restablece el formulario.
A continuación se muestra un ejemplo que muestra cómo agregar un detector de eventos para el evento Submit:
Methods
El componente Formulario expone los siguientes métodos:
| Método | Descripción |
|---|---|
Submit |
Envía los datos del formulario. |
Reset |
Restablece los datos del formulario. |
GetFormData |
Recopila los datos del formulario y devuelve un único objeto FormData. |
ReportValidity |
Devuelve si los controles secundarios del elemento satisfacen sus restricciones de validación. |
API References
IgbButtonIgbCheckboxIgbFormIgbInputIgbRadioSubmit