MainFormComponent

El MainFormComponent es el componente raíz de todo formulario en Bizuit Web Forms. Es obligatorio y contiene todos los demás controles.

Estructura Básica

{  "name": "form_MiFormulario",  "component": "MainFormComponent",  "x": 0,  "y": 0,  "rows": 0,  "cols": 0,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "form_MiFormulario",      "label": "Mi Formulario",      "font": "Quicksand",      "fontSize": 12,      "enabled": true,      "visible": true,      "backgroundColor": "#FFFFFF"    },    {      "class": "FormPropertiesComponent",      "showMessageOnSuccess": true,      "messageOnSuccess": "La operación se completó con éxito.",      "showMessageOnError": true,      "messageOnError": "Ha ocurrido un error.",      "closeOnSuccess": true,      "cols": 6,      "rowHeight": 70,      "theme": "bizuit",      "modalType": "swal",      "themeUseDefaultSettings": true    },    {      "class": "CustomCodePropertiesComponent",      "events": []    },    {      "class": "CustomStylesPropertiesComponent",      "cssCode": ""    }  ],  "children": []}

Propiedades del MainForm

FormPropertiesComponent

Configuración principal del formulario.

Propiedad Tipo Obligatorio Valor por Defecto Descripción
showMessageOnSuccess boolean ✅ true Mostrar mensaje al completar con éxito
messageOnSuccess string ✅ "La operación se completó con éxito." Mensaje de éxito
showMessageOnError boolean ✅ true Mostrar mensaje de error
messageOnError string ✅ "Ha ocurrido un error." Mensaje de error
closeOnSuccess boolean ✅ true Cerrar formulario tras éxito
cols number ✅ 6 Número de columnas del grid
rowHeight number ✅ 70 Altura de cada fila en píxeles (mínimo 40)
theme string ✅ "bizuit" Tema visual del formulario
modalType string ✅ "swal" Tipo de modal ("swal" para SweetAlert)
themeUseDefaultSettings boolean ✅ true Usar configuración de tema por defecto
messagesParametersOnSuccess array ❌ [] Parámetros dinámicos para mensaje de éxito
controlType string ❌ "standard" Tipo de control (estilo Material)
modalTitle string ❌ "" Título del modal de mensajes
modalUseOKButton boolean ❌ true Mostrar botón OK en modal
modalUseTimer boolean ❌ false Usar temporizador automático
modalUseDefaultSettings boolean ❌ true Usar configuración por defecto del modal
modalTimeout number ❌ 0 Tiempo de cierre automático (segundos)
useRaiseEventAsync boolean ❌ false Usar eventos asíncronos
processingWaitTime number ❌ 5 Tiempo de espera de procesamiento
useOpenFormSettings boolean ❌ false Usar configuración de apertura personalizada
openFormType string ❌ "DIALOG" Tipo de apertura: "DIALOG", "WINDOW", "SPLIT"
splitType string ❌ "NONE" Tipo de split: "NONE", "VERTICAL", "HORIZONTAL"
formSize string ❌ "ORIGINAL_SIZE" Tamaño: "ORIGINAL_SIZE", "FULL"
showModalTitle boolean ❌ true Mostrar título del modal

Temas Disponibles

Parámetros Dinámicos en Mensajes

{  "messagesParametersOnSuccess": [    {      "key": "ClienteNombre",      "value": "/parameter/ClienteNombre"    },    {      "key": "MontoTotal",      "value": "/variable/TotalCalculado"    }  ],  "messageOnSuccess": "Operación completada para [:ClienteNombre:] con monto [:MontoTotal:]"}

Ejemplo Completo de MainFormComponent