TableComponent

Tabla de datos con columnas configurables.

Propiedades Específicas

TablePropertiesComponent:

{  "class": "TablePropertiesComponent",  "canAdd": true,  "canEdit": true,  "canDelete": true,  "canSelect": false,  "paginationPageSize": 10,  "showPagination": true,  "emptyRowsMessage": "No hay datos para mostrar",  "rowCountMessage": "Total"}

ColumnsPropertiesComponent:

{  "class": "ColumnsPropertiesComponent",  "columns": [    {      "name": "Código",      "prop": "codigo",      "dataType": "String",      "editable": false,      "width": 100,      "maxWidth": 150,      "widthUnits": "Pixeles"    }  ]}

Ejemplo Completo

{  "name": "TblProductos",  "component": "TableComponent",  "x": 0,  "y": 3,  "rows": 4,  "cols": 6,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "TblProductos",      "label": "Productos"    },    {      "class": "BindingsPropertiesComponent",      "secondaryDataSourceResponse": {        "name": "ConsultaProductos",        "item": "Table_0"      }    },    {      "class": "TablePropertiesComponent",      "canAdd": true,      "canEdit": true,      "canDelete": true,      "canSelect": true,      "paginationPageSize": 10,      "showPagination": true    },    {      "class": "ColumnsPropertiesComponent",      "columns": [        {          "name": "Código",          "prop": "codigo",          "dataType": "String",          "editable": false,          "width": 100,          "widthUnits": "Pixeles"        },        {          "name": "Descripción",          "prop": "descripcion",          "dataType": "String",          "editable": false,          "width": 40,          "widthUnits": "Porcentaje"        },        {          "name": "Cantidad",          "prop": "cantidad",          "dataType": "Number",          "editable": true,          "width": 80,          "widthUnits": "Pixeles"        },        {          "name": "Precio",          "prop": "precio",          "dataType": "Number",          "editable": false,          "width": 100,          "widthUnits": "Pixeles"        }      ]    }  ]}

MediaComponent

Visualización de imágenes/videos.

Propiedades Específicas

MediaPropertiesComponent:

{  "class": "MediaPropertiesComponent",  "mediaType": "Image",  // Image, Video  "url": "<https://example.com/image.jpg>",  "width": "100%",  "height": "auto",  "alt": "Descripción de la imagen"}

Ejemplo

{  "name": "ImgLogo",  "component": "MediaComponent",  "x": 0,  "y": 0,  "rows": 2,  "cols": 2,  "props": [    {      "class": "BasicPropertiesComponent",      "name": "ImgLogo"    },    {      "class": "MediaPropertiesComponent",      "mediaType": "Image",      "url": "<https://cdn.example.com/logo.png>",      "width": "100%",      "height": "auto",      "alt": "Logo de la empresa"    }  ]}

DocumentInputComponent

Carga de archivos/documentos.