InputTextboxComponent

Campo de texto simple para entrada de datos.

Propiedades Que Usa

• ✅ BasicPropertiesComponent
• ✅ BindingsPropertiesComponent
• ✅ RestrictionsPropertiesComponent
• ✅ ValidationsPropertiesComponent
• ✅ FormattingPropertiesComponent
• ✅ CustomStylesPropertiesComponent
• ✅ CustomCodePropertiesComponent

Eventos Disponibles

• Change: Cuando cambia el valor
• Input: En cada tecla presionada
• MouseOver: Mouse sobre el control

Ejemplo Completo

{  "name": "TxtNombreCompleto",  "component": "InputTextboxComponent",  "x": 0,  "y": 1,  "rows": 1,  "cols": 3,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "TxtNombreCompleto",      "label": "Nombre Completo",      "value": "",      "tooltip": "Ingrese su nombre y apellido",      "tooltipPosition": "right",      "font": "Quicksand",      "fontSize": 14,      "fontColor": "#333333",      "enabled": true,      "visible": true    },    {      "class": "BindingsPropertiesComponent",      "primaryDataSource": {        "source": "parameter",        "name": "ClienteNombre",        "mode": "bidirectional",        "type": "Parameter",        "parameterType": 1      }    },    {      "class": "RestrictionsPropertiesComponent",      "required": true,      "dataType": "String",      "lengthType": "Variable",      "minLength": 3,      "maxLength": 100,      "regexPattern": "^[a-zA-ZÁ-ÿ\\\\s]+$"    },    {      "class": "ValidationsPropertiesComponent",      "match": "ANY",      "errorMessage": "",      "rules": []    },    {      "class": "FormattingPropertiesComponent",      "formatType": "None"    },    {      "class": "CustomStylesPropertiesComponent",      "cssCode": ""    },    {      "class": "CustomCodePropertiesComponent",      "events": [        {          "eventType": "Change",          "eventTypeNum": "2",          "code": "console.log('Nombre cambiado:', this.getControlValue('TxtNombreCompleto'));"        }      ]    }  ]}

Ejemplo: Input Numérico con Formato de Moneda

{  "name": "TxtMonto",  "component": "InputTextboxComponent",  "x": 0,  "y": 2,  "rows": 1,  "cols": 2,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "TxtMonto",      "label": "Monto del Préstamo",      "value": "",      "enabled": true,      "visible": true    },    {      "class": "RestrictionsPropertiesComponent",      "required": true,      "dataType": "Number",      "minValue": 1000,      "maxValue": 100000,      "minValueIncluded": true,      "maxValueIncluded": true,      "totalDigits": 6,      "decimalDigits": 2    },    {      "class": "FormattingPropertiesComponent",      "formatType": "Currency",      "currencySymbol": "$",      "decimalPlaces": 2,      "thousandsSeparator": ",",      "decimalSeparator": "."    }  ]}