Renderizado de Matrices en una Sola Celda con SmartMarker | Aspose.Cells for Node.js via C++

Aspose.Cells admite la renderización de datos de matriz en una sola celda mediante Smart Markers. Al utilizar el atributo ArrayAsSingle junto con el atributo ExtraDelimiter, los desarrolladores pueden controlar cómo se separan los elementos de la matriz dentro de una sola celda, proporcionando un formato flexible para informes y plantillas.

Introducción

Los Smart Markers en Aspose.Cells son una potente función basada en plantillas que permite rellenar dinámicamente los datos de la hoja de cálculo mediante expresiones de marcadores como &=DataSource.Field. El marcador se coloca en un libro de trabajo de diseño y, cuando la plantilla es procesada por el WorkbookDesigner, los marcadores se reemplazan con valores del origen de datos proporcionado. De forma predeterminada, cuando un Smart Marker hace referencia a una propiedad de matriz (por ejemplo, &=DataSource.Numbers), el motor expande la matriz y coloca cada elemento en una celda adyacente separada, ya sea horizontalmente a lo largo de una fila o verticalmente en una columna. Si bien este comportamiento es conveniente en muchos escenarios, hay situaciones en las que preferiría renderizar toda la matriz en una sola celda, con los elementos concatenados y separados por un delimitador de su elección. Los atributos ArrayAsSingle y ExtraDelimiter, utilizados juntos dentro de una etiqueta de Smart Marker, abordan exactamente este requisito. Permiten mantener diseños de informes compactos y predecibles mientras se trabaja de forma nativa con orígenes de datos de matrices.

Por Qué Se Necesita Esta Función

Comportamiento Predeterminado de Expansión de Matrices

Cuando un Smart Marker hace referencia a una propiedad de matriz, Aspose.Cells expande la matriz a través de varias celdas por defecto. Por ejemplo, un marcador como &=Product.Tags frente a un string[] que contiene cuatro valores colocará cada valor en su propia celda, desplazando otro contenido de la plantilla hacia afuera y potencialmente rompiendo los diseños de informes cuidadosamente diseñados.

Limitaciones de los Casos de Uso

Hay muchos escenarios prácticos en los que el comportamiento de expansión predeterminado no es deseable:

• Informes de estilo resumen que necesitan un diseño compacto de una fila por registro.
• Listas de etiquetas, rótulos o palabras clave que deben mostrarse como valores separados por comas o pipes dentro de una sola celda.
• Indicadores de estado o chips de filtro que agrupan varios valores en un solo lugar para facilitar la lectura.
• Procesos posteriores (exportación a CSV, renderizado a PDF, combinación de correspondencia) que esperan un único valor consolidado por celda en lugar de un rango expandido.
• Compatibilidad multiplataforma, donde algunos consumidores no toleran matrices que se extienden a través de varias celdas.

El Vacío Que Llena

Sin un mecanismo integrado, los desarrolladores se verían obligados a preprocesar los datos en JavaScript, uniendo matrices en cadenas delimitadas antes de vincularlas al diseñador del libro. Esto duplica la lógica, complica los modelos de datos y aumenta la posibilidad de errores. Los atributos ArrayAsSingle y ExtraDelimiter eliminan esta solución alternativa al manejar el formato de forma declarativa dentro del propio Smart Marker.

Beneficios de la Función

El uso de los atributos ArrayAsSingle y ExtraDelimiter en sus Smart Markers ofrece varias ventajas:

• Contención en una sola celda: Todos los elementos de la matriz se renderizan en exactamente una celda, manteniendo los diseños compactos y predecibles.
• Control personalizado del delimitador: Especifique cualquier cadena separadora que desee: coma, punto y coma, guion, pipe, nueva línea o cualquier texto personalizado.
• Formato dirigido por plantillas: No se requiere código adicional para preprocesar los datos; las reglas de formato viven dentro de la etiqueta del Smart Marker.
• Informes más limpios: Los datos de la matriz ya no empujan el contenido vecino de la plantilla a diferentes filas o columnas.
• Tipos de datos versátiles: Funciona con cadenas, números, fechas y cualquier otro tipo de datos que se pueda unir con un delimitador.
• Compatibilidad con versiones anteriores: Cuando se omiten los atributos, se conserva el comportamiento de expansión original, por lo que las plantillas existentes siguen funcionando sin cambios.

Cómo Utilizar Esta Función

Sintaxis del Smart Marker

Los atributos ArrayAsSingle y ExtraDelimiter se pasan como pares clave-valor dentro de los paréntesis de un Smart Marker estándar. La sintaxis general es:

&=DataSource.ArrayProperty(arrayasSingle=true, extraDelimiter=", ")

El marcador se compone de las siguientes partes:

• &=DataSource.ArrayProperty — el Smart Marker estándar que hace referencia a la propiedad de matriz en el origen de datos vinculado.
• arrayasSingle=true — indica al motor que renderice toda la matriz en una sola celda. Solo el valor true activa el comportamiento de una sola celda.
• extraDelimiter=", " — define el separador colocado entre los elementos de la matriz. El valor es una cadena literal; puede estar vacío, ser un solo carácter o una cadena de varios caracteres.

El atributo extraDelimiter acepta cualquier cadena literal, incluidos delimitadores de varios caracteres, texto personalizado o secuencias de escape como \n para salida separada por nuevas líneas. Si la matriz está vacía, la celda resultante se deja en blanco.

Flujo de Trabajo Paso a Paso

El siguiente flujo de trabajo describe cómo renderizar una matriz en una sola celda usando Smart Markers.

1. Prepare el origen de datos: Cree una clase (o estructura de datos) que exponga una propiedad que devuelva una matriz. La propiedad puede devolver string[], int[] o cualquier otro tipo de matriz compatible.
2. Cree un libro de diseño: Cree un nuevo Workbook, agregue una fila de encabezado y coloque una celda de Smart Marker que haga referencia a la propiedad de la matriz con los atributos arrayasSingle y extraDelimiter.
3. Cree una instancia del WorkbookDesigner: Cree un objeto WorkbookDesigner, adjunte el libro de diseño al mismo y vincule su origen de datos utilizando el método setDataSource.
4. Procese los marcadores: Llame al método workbookDesigner.process() para expandir los Smart Markers y rellenar el libro con datos reales.
5. Guarde el resultado: Guarde el libro resultante en disco en formato XLSX o cualquier otro formato de archivo compatible.

Ejemplo de Código 1 — Renderización Básica de Matriz de Cadenas

let product = {
    Tags: ["C#", "Aspose", "SmartMarker", "Excel"]
};
let workbook = new AsposeCells.Workbook();
let worksheet = workbook.getWorksheets().get(0);
worksheet.getCells().get("A1").putValue("Tags");
worksheet.getCells().get("A2").putValue('&=Product.Tags(arrayasSingle=true, extraDelimiter=", ")');
let designer = new AsposeCells.WorkbookDesigner();
designer.setWorkbook(workbook);
designer.setDataSource("Product", product);
designer.process();
workbook.save("output_arraySingle.xlsx");

Ejemplo de Código 2 — Matriz Numérica con Delimitador Personalizado

class Student {
    constructor() {
        this.Scores = [];
    }
}
const student = new Student();
student.Scores = [95, 88, 76, 100, 67];
const workbook = new AsposeCells.Workbook();
const worksheet = workbook.getWorksheets().get(0);
worksheet.getCells().get("A1").putValue("Scores");
worksheet.getCells().get("A2").putValue(student.Scores.join(" - "));
workbook.save("output_numericArray.xlsx");

Ejemplo de Código 3 — Comparación del Comportamiento Predeterminado vs. ArrayAsSingle

var order = {
    Items: ["Apple", "Banana", "Cherry", "Date"]
};
var workbook = new AsposeCells.Workbook();
var sheet = workbook.getWorksheets().get(0);
var cells = sheet.getCells();
// Sección 1: Marcador Inteligente por defecto - valores distribuidos horizontalmente en las celdas
cells.get("A1").putValue("Default Spreading Behavior:");
cells.get("A2").putValue("&=Order.Items");
// Sección 2: Nueva renderización en una sola celda usando arrayasSingle y extraDelimiter
cells.get("A4").putValue("Single Cell Rendering (arrayasSingle=true):");
cells.get("A5").putValue("&=Order.Items(arrayasSingle=true, extraDelimiter=\"; \")");
// Vincular la fuente de datos y procesar los Marcadores Inteligentes
var designer = new AsposeCells.WorkbookDesigner(workbook);
designer.setDataSource("Order", order);
designer.process();
// Guardar el libro de trabajo resultante
workbook.save("output_comparison.xlsx");

Notas y Buenas Prácticas

Tenga en cuenta los siguientes puntos al trabajar con los atributos ArrayAsSingle y ExtraDelimiter:

• El valor de extraDelimiter se trata como una cadena literal; escape cualquier carácter especial que su procesador de plantillas pueda interpretar.
• El atributo arrayasSingle acepta un valor booleano (true / false). Solo true activa el comportamiento de una sola celda; cualquier otro valor vuelve al comportamiento de expansión predeterminado.
• Si la matriz está vacía o es nula, la celda se deja vacía (o contiene una cadena en blanco según el tipo de datos).
• La función funciona con orígenes de datos de objetos, así como con orígenes DataSet y DataTable donde una columna se puede dividir en matrices.
• Para salida separada por nuevas líneas, puede usar \n o os.EOL como valor del delimitador.
• Coloque el Smart Marker en una celda que tenga ancho suficiente para mostrar la cadena concatenada resultante; de lo contrario, el contenido puede desbordarse visualmente hacia las celdas adyacentes según el formato.