05-Componentes de Selección

ComboboxComponent

Lista desplegable de selección única.

Propiedades Específicas

Además de las propiedades comunes, usa:

PopulationPropertiesComponent: Configuración de opciones del combo

{  "class": "PopulationPropertiesComponent",  "dataOrigin": "Manual",  // Manual, DataSource, Parameters  "options": [    {"value": "1", "label": "Opción 1"},    {"value": "2", "label": "Opción 2"}  ],  "valueProperty": "value",  "textProperty": "label"}

Ejemplo Completo

{  "name": "CmbTipoDocumento",  "component": "ComboboxComponent",  "x": 0,  "y": 2,  "rows": 1,  "cols": 2,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "CmbTipoDocumento",      "label": "Tipo de Documento",      "enabled": true,      "visible": true    },    {      "class": "BindingsPropertiesComponent",      "primaryDataSource": {        "source": "parameter",        "name": "TipoDocumento",        "mode": "bidirectional"      }    },    {      "class": "PopulationPropertiesComponent",      "dataOrigin": "Manual",      "options": [        {"value": "DNI", "label": "DNI"},        {"value": "Pasaporte", "label": "Pasaporte"},        {"value": "CUIL", "label": "CUIL"}      ],      "valueProperty": "value",      "textProperty": "label"    },    {      "class": "RestrictionsPropertiesComponent",      "required": true    }  ]}

Ejemplo con Data Source

{  "name": "CmbCiudad",  "component": "ComboboxComponent",  "x": 3,  "y": 4,  "rows": 1,  "cols": 3,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "CmbCiudad",      "label": "Ciudad"    },    {      "class": "BindingsPropertiesComponent",      "secondaryDataSourceResponse": {        "name": "ConsultaCiudades",        "item": "Table_0/CiudadNombre"      }    },    {      "class": "PopulationPropertiesComponent",      "dataOrigin": "DataSource",      "dataSourceName": "ConsultaCiudades",      "valueProperty": "CiudadId",      "textProperty": "CiudadNombre"    }  ]}

CheckboxComponent

Casilla de verificación.

Ejemplo

{  "name": "ChkAceptoTerminos",  "component": "CheckboxComponent",  "x": 0,  "y": 6,  "rows": 1,  "cols": 4,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "ChkAceptoTerminos",      "label": "Acepto los términos y condiciones",      "value": "false"    },    {      "class": "RestrictionsPropertiesComponent",      "required": true,      "dataTypeBooleanControl": "Boolean",      "checkValue": "true",      "uncheckValue": "false"    },    {      "class": "ValidationsPropertiesComponent",      "match": "ALL",      "errorMessage": "Debe aceptar los términos y condiciones",      "rules": [        {          "name": "Validar Aceptación",          "conditions": [            {              "controlName": "ChkAceptoTerminos",              "operator": "equals",              "value": {"type": "constant", "value": "true"}            }          ]        }      ]    }  ]}

RadioButtonComponent

Botones de opción (selección única de grupo).

Propiedades Específicas

{  "class": "PopulationPropertiesComponent",  "dataOrigin": "Manual",  "options": [    {"value": "Si", "label": "Sí"},    {"value": "No", "label": "No"}  ],  "vertical": false  // false=horizontal, true=vertical}