Un control de tipo Caja de Texto (o InputTextBox) de BIZUIT, cuenta con la siguiente estructura JSON
{
"type": "object",
"properties": {
"name": {
"type": "string"
},
"component": {
"type": "string"
},
"x": {
"type": "integer"
},
"y": {
"type": "integer"
},
"rows": {
"type": "integer"
},
"cols": {
"type": "integer"
},
"props": {
"type": "array",
"items": [
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"name": {
"type": "string"
},
"title": {
"type": "string"
},
"label": {
"type": "string"
},
"value": {
"type": "string"
},
"tooltip": {
"type": "string"
},
"tooltipPosition": {
"type": "string"
},
"font": {
"type": "string"
},
"align": {
"type": "string"
},
"fontWeight": {
"type": "string"
},
"fontColor": {
"type": "string"
},
"backgroundColor": {
"type": "string"
},
"fontSize": {
"type": "integer"
},
"enabled": {
"type": "boolean"
},
"parentEnabled": {
"type": "boolean"
},
"visible": {
"type": "boolean"
},
"vertical": {
"type": "boolean"
},
"fontEffectLineThrough": {
"type": "boolean"
},
"fontEffectUnderline": {
"type": "boolean"
},
"properties": {
"type": "array",
"items": [
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
}
]
},
"labelValue": {
"type": "string"
},
"layer": {
"type": "integer"
},
"validateOnHiddenControl": {
"type": "boolean"
},
"isSubForm": {
"type": "boolean"
},
"isMainForm": {
"type": "boolean"
}
},
"required": [
"class",
"name",
"title",
"label",
"value",
"tooltip",
"tooltipPosition",
"font",
"align",
"fontWeight",
"fontColor",
"backgroundColor",
"fontSize",
"enabled",
"parentEnabled",
"visible",
"vertical",
"fontEffectLineThrough",
"fontEffectUnderline",
"properties",
"labelValue",
"layer",
"validateOnHiddenControl",
"isSubForm",
"isMainForm"
]
},
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"title": {
"type": "string"
},
"bindigSource": {
"type": "string"
},
"secondaryDataSourcesRequest": {
"type": "array",
"items": {
}
},
"secondaryDataSourceResponse": {
"type": "object"
},
"bindToProcessExecution": {
"type": "boolean"
},
"primaryDataSource": {
"type": "object"
},
"primaryComboTextDataSource": {
"type": "object"
},
"subFormResponse": {
"type": "object",
"properties": {
"name": {
"type": "string"
},
"item": {
"type": "null"
}
},
"required": [
"name",
"item"
]
},
"subFormRequests": {
"type": "array",
"items": {
}
}
},
"required": [
"class",
"title",
"bindigSource",
"secondaryDataSourcesRequest",
"secondaryDataSourceResponse",
"bindToProcessExecution",
"primaryDataSource",
"primaryComboTextDataSource",
"subFormResponse",
"subFormRequests"
]
},
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"required": {
"type": "boolean"
},
"dataType": {
"type": "string"
},
"lengthType": {
"type": "string"
},
"fixedLength": {
"type": "integer"
},
"minLength": {
"type": "integer"
},
"maxLength": {
"type": "integer"
},
"minValue": {
"type": "integer"
},
"maxValue": {
"type": "integer"
},
"totalDigits": {
"type": "integer"
},
"minValueIncluded": {
"type": "boolean"
},
"maxValueIncluded": {
"type": "boolean"
},
"decimalDigits": {
"type": "integer"
},
"dateTimeMinValueType": {
"type": "string"
},
"dateTimeMaxValueType": {
"type": "string"
},
"dateTimeMinValue": {
"type": "null"
},
"dateTimeMaxValue": {
"type": "null"
},
"timeMinValue": {
"type": "null"
},
"timeMaxValue": {
"type": "null"
},
"dateTimeMinValueIncluded": {
"type": "boolean"
},
"dateTimeMaxValueIncluded": {
"type": "boolean"
},
"dateTimeMinValueRelativeIncluded": {
"type": "boolean"
},
"dateTimeMaxValueRelativeIncluded": {
"type": "boolean"
},
"dateTimeMinValueRelativeOperation": {
"type": "string"
},
"dateTimeMaxValueRelativeOperation": {
"type": "string"
},
"dateTimeMinValueRelativePeriod": {
"type": "string"
},
"dateTimeMaxValueRelativePeriod": {
"type": "string"
},
"dateTimeMinValueRelativeValue": {
"type": "integer"
},
"dateTimeMaxValueRelativeValue": {
"type": "integer"
},
"dateTimeMinPanel": {
"type": "boolean"
},
"dateTimeMaxPanel": {
"type": "boolean"
},
"minRows": {
"type": "integer"
},
"maxRows": {
"type": "integer"
},
"dataTypeBooleanControl": {
"type": "string"
},
"checkValue": {
"type": "string"
},
"uncheckValue": {
"type": "string"
},
"dateTimeValueType": {
"type": "string"
},
"dateTimeValueRelativeOperation": {
"type": "string"
},
"dateTimeValueRelativePeriod": {
"type": "string"
},
"dateTimeValueRelativeValue": {
"type": "integer"
},
"datePickerValue": {
"type": "string"
},
"format": {
"type": "string"
},
"customFormat": {
"type": "string"
},
"properties": {
"type": "array",
"items": [
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
},
{
"type": "string"
}
]
},
"regexPattern": {
"type": "string"
},
"dateTimeMinValueRelativeSource": {
"type": "string"
},
"dateTimeMaxValueRelativeSource": {
"type": "string"
},
"dateTimeMinValueRelativeControlName": {
"type": "string"
},
"dateTimeMaxValueRelativeControlName": {
"type": "string"
}
},
"required": [
"class",
"required",
"dataType",
"lengthType",
"fixedLength",
"minLength",
"maxLength",
"minValue",
"maxValue",
"totalDigits",
"minValueIncluded",
"maxValueIncluded",
"decimalDigits",
"dateTimeMinValueType",
"dateTimeMaxValueType",
"dateTimeMinValue",
"dateTimeMaxValue",
"timeMinValue",
"timeMaxValue",
"dateTimeMinValueIncluded",
"dateTimeMaxValueIncluded",
"dateTimeMinValueRelativeIncluded",
"dateTimeMaxValueRelativeIncluded",
"dateTimeMinValueRelativeOperation",
"dateTimeMaxValueRelativeOperation",
"dateTimeMinValueRelativePeriod",
"dateTimeMaxValueRelativePeriod",
"dateTimeMinValueRelativeValue",
"dateTimeMaxValueRelativeValue",
"dateTimeMinPanel",
"dateTimeMaxPanel",
"minRows",
"maxRows",
"dataTypeBooleanControl",
"checkValue",
"uncheckValue",
"dateTimeValueType",
"dateTimeValueRelativeOperation",
"dateTimeValueRelativePeriod",
"dateTimeValueRelativeValue",
"datePickerValue",
"format",
"customFormat",
"properties",
"regexPattern",
"dateTimeMinValueRelativeSource",
"dateTimeMaxValueRelativeSource",
"dateTimeMinValueRelativeControlName",
"dateTimeMaxValueRelativeControlName"
]
},
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"title": {
"type": "string"
},
"match": {
"type": "string"
},
"errorMessage": {
"type": "string"
},
"rules": {
"type": "array",
"items": {
}
}
},
"required": [
"class",
"title",
"match",
"errorMessage",
"rules"
]
},
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"title": {
"type": "string"
},
"rules": {
"type": "array",
"items": {
}
}
},
"required": [
"class",
"title",
"rules"
]
},
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"cssCode": {
"type": "string"
}
},
"required": [
"class",
"cssCode"
]
},
{
"type": "object",
"properties": {
"class": {
"type": "string"
},
"events": {
"type": "array",
"items": {
}
},
"focusOn": {
"type": "null"
},
"basicEvent": {
"type": "integer"
},
"selectedSecondaryDatasources": {
"type": "array",
"items": {
}
},
"selectedSecondaryDatasource": {
"type": "string"
},
"selectedColumnTrace": {
"type": "integer"
},
"executeValidation": {
"type": "boolean"
},
"selectedSubForm": {
"type": "string"
},
"subFormSize": {
"type": "object",
"properties": {
"width": {
"type": "integer"
},
"widthUnit": {
"type": "string"
},
"height": {
"type": "integer"
},
"heightUnit": {
"type": "string"
}
},
"required": [
"width",
"widthUnit",
"height",
"heightUnit"
]
},
"addDocumentsToDataSource": {
"type": "boolean"
},
"selectedDocumentControl": {
"type": "string"
},
"modalType": {
"type": "string"
},
"modalTitle": {
"type": "string"
},
"modalMessage": {
"type": "string"
},
"modalUseOKButton": {
"type": "boolean"
},
"modalUseTimer": {
"type": "boolean"
},
"modalTimeout": {
"type": "integer"
},
"showMessageOnSuccess": {
"type": "boolean"
},
"clearControlsAfterExecute": {
"type": "boolean"
}
},
"required": [
"class",
"events",
"focusOn",
"basicEvent",
"selectedSecondaryDatasources",
"selectedSecondaryDatasource",
"selectedColumnTrace",
"executeValidation",
"selectedSubForm",
"subFormSize",
"addDocumentsToDataSource",
"selectedDocumentControl",
"modalType",
"modalTitle",
"modalMessage",
"modalUseOKButton",
"modalUseTimer",
"modalTimeout",
"showMessageOnSuccess",
"clearControlsAfterExecute"
]
}
]
},
"children": {
"type": "array",
"items": {
}
},
"layerIndex": {
"type": "integer"
}
},
"required": [
"name",
"component",
"x",
"y",
"rows",
"cols",
"props",
"children",
"layerIndex"
]
}
Este JSON se coloca dentro del array de objetos JSON del nodo children de un control Formulario
{
"name": "InputTextbox1",
"component": "InputTextboxComponent",
"x": 0,
"y": 0,
"rows": 1,
"cols": 1,
"props": [
{
"class": "BasicPropertiesComponent",
"name": "InputTextbox1",
"title": "PROPERTIES.BASIC.TITLE",
"label": "InputTextbox1",
"value": "",
"tooltip": "",
"tooltipPosition": "above",
"font": "Quicksand",
"align": "center-container",
"fontWeight": "inherit",
"fontColor": "#000000",
"backgroundColor": "#FFFFFF",
"fontSize": 12,
"enabled": true,
"parentEnabled": true,
"visible": true,
"vertical": false,
"fontEffectLineThrough": false,
"fontEffectUnderline": false,
"properties": [
"label",
"value",
"font",
"fontWeight",
"fontColor",
"fontSize",
"enabled",
"visible",
"fontEffectLineThrough",
"fontEffectUnderline",
"tooltip",
"validateOnHiddenControl"
],
"labelValue": "value",
"layer": 1,
"validateOnHiddenControl": false,
"isSubForm": false,
"isMainForm": false
},
{
"class": "BindingsPropertiesComponent",
"title": "PROPERTIES.BINDINGS.TITLE",
"bindigSource": "",
"secondaryDataSourcesRequest": [],
"secondaryDataSourceResponse": {},
"bindToProcessExecution": false,
"primaryDataSource": {},
"primaryComboTextDataSource": {},
"subFormResponse": {
"name": "",
"item": null
},
"subFormRequests": []
},
{
"class": "RestrictionsPropertiesComponent",
"required": false,
"dataType": "String",
"lengthType": "Variable",
"fixedLength": 0,
"minLength": 0,
"maxLength": 0,
"minValue": 0,
"maxValue": 0,
"totalDigits": 0,
"minValueIncluded": false,
"maxValueIncluded": false,
"decimalDigits": 0,
"dateTimeMinValueType": "Absolute",
"dateTimeMaxValueType": "Absolute",
"dateTimeMinValue": null,
"dateTimeMaxValue": null,
"timeMinValue": null,
"timeMaxValue": null,
"dateTimeMinValueIncluded": false,
"dateTimeMaxValueIncluded": false,
"dateTimeMinValueRelativeIncluded": false,
"dateTimeMaxValueRelativeIncluded": false,
"dateTimeMinValueRelativeOperation": "Add",
"dateTimeMaxValueRelativeOperation": "Add",
"dateTimeMinValueRelativePeriod": "Days",
"dateTimeMaxValueRelativePeriod": "Days",
"dateTimeMinValueRelativeValue": 0,
"dateTimeMaxValueRelativeValue": 0,
"dateTimeMinPanel": false,
"dateTimeMaxPanel": false,
"minRows": 1,
"maxRows": 5,
"dataTypeBooleanControl": "String",
"checkValue": "true",
"uncheckValue": "false",
"dateTimeValueType": "Relative",
"dateTimeValueRelativeOperation": "Add",
"dateTimeValueRelativePeriod": "Days",
"dateTimeValueRelativeValue": 0,
"datePickerValue": "2025-01-08T12:31:03.553Z",
"format": "Short",
"customFormat": "YYYY-MM-DD",
"properties": [
"required",
"dataType",
"lengthType",
"fixedLength",
"minLength",
"maxLength",
"minValue",
"maxValue",
"totalDigits",
"minValueIncluded",
"maxValueIncluded",
"decimalDigits",
"dateTimeMinValueType",
"dateTimeMaxValueType",
"dateTimeMinValue",
"dateTimeMaxValue",
"timeMinValue",
"timeMaxValue",
"dateTimeMinValueIncluded",
"dateTimeMaxValueIncluded",
"dateTimeMinValueRelativeIncluded",
"dateTimeMaxValueRelativeIncluded",
"dateTimeMinValueRelativeOperation",
"dateTimeMaxValueRelativeOperation",
"dateTimeMinValueRelativePeriod",
"dateTimeMaxValueRelativePeriod",
"dateTimeMinValueRelativeValue",
"dateTimeMaxValueRelativeValue",
"dateTimeMinPanel",
"dateTimeMaxPanel",
"minRows",
"maxRows",
"dataTypeBooleanControl",
"checkValue",
"uncheckValue",
"format",
"customFormat"
],
"regexPattern": "",
"dateTimeMinValueRelativeSource": "TODAY",
"dateTimeMaxValueRelativeSource": "TODAY",
"dateTimeMinValueRelativeControlName": "",
"dateTimeMaxValueRelativeControlName": ""
},
{
"class": "ValidationsPropertiesComponent",
"title": "PROPERTIES.VALIDATIONS.TITLE",
"match": "ANY",
"errorMessage": "",
"rules": []
},
{
"class": "FormattingPropertiesComponent",
"title": "PROPERTIES.FORMATTING.TITLE",
"rules": []
},
{
"class": "CustomStylesPropertiesComponent",
"cssCode": ""
},
{
"class": "CustomCodePropertiesComponent",
"events": [
],
"focusOn": null,
"basicEvent": 1,
"selectedSecondaryDatasources": [
],
"selectedSecondaryDatasource": "",
"selectedColumnTrace": 0,
"executeValidation": true,
"selectedSubForm": "",
"subFormSize": {
"width": 60,
"widthUnit": "percentage",
"height": 60,
"heightUnit": "percentage"
},
"addDocumentsToDataSource": false,
"selectedDocumentControl": "",
"modalType": "swal",
"modalTitle": "",
"modalMessage": "",
"modalUseOKButton": true,
"modalUseTimer": false,
"modalTimeout": 5,
"showMessageOnSuccess": true,
"clearControlsAfterExecute": false
}
],
"children": [],
"layerIndex": 1
}
Dentro del nodo o props se encuentra un nodo RestrictionPropertiesComponent
Dentro de ese nodo en la propiedad dataTypeIn los valores posibles son:
Es fundamental que todos los nodos del array props se encuentren presentes.
Cuando incluyas un JSON de un control dentro del array del nodo children de un formulario, asegúrate de codificar las comillas dobles (por ejemplo, "class" debe escribirse como \”class\”) para mantener la validez del JSON en contextos que procesen estas cadenas de caracteres.