Rejilla de datos- Controles de encabezado y pie de página

Este ejemplo utiliza los siguientes nuevos comandos para Data Grid 2.0. La nueva rejilla de datos brinda al desarrollador la posibilidad de añadir encabezados y pies de páginas dentro de la rejilla. Lo más importante, todas las líneas en la rejilla pueden mostrar texto ajustado lo cual ofrece más flexibilidad con los datos de texto.

var myDataGrid = new dax_dataGrid(selection, location, headerRows, lockedLeftColumns, useControlColumn);

Este comando se llama durante la función dax_loginSuccess()para crear la rejilla. El parámetro headerRows específica cuántas filas de encabezado se mostrarán. Este ejemplo muestra dos filas de encabezados.

myDataGrid.setFooterRows(number of footer rows);

Este comando define el número de líneas de pie de página a mostrar. Este ejemplo tiene una fila de pie de página.

myDataGrid.setHeaderHeight(row number, height in units);

Este comando define la altura de las líneas del encabezado. Por favor note que el número de las líneas del encabezado comienza en 0. Adicionalmente permite ajustar texto para mostrar dentro del encabezado. Una altura de 3 se utilizó para este ejemplo para acomodar tres líneas de datos de texto.

NOTA: Para ajustar texto, es necesario hacer una llamada css. El archivo demotoolbar.css hace esta llamada.

myDataGrid.setFooterHeight(row number, height in units);

Este comando define la altura de loas líneas del pie de página. Por favor note que el número de líneas del encabezado comienza en 0. Adicionalmente, permite ajustar el texto a mostrar en el encabezado.

var realRowNumber = myDataGrid.getFooterRowNumber(footerRowNumber);

Este comando obtiene el número de la línea del pie de página. Por ejemplo, para obtener la primera referencia de línea de pie de página, pase 0 en el parámetro footerRowNumber. La función devolverá el número de línea en relación con la rejilla. Entonces, el resultado puede utilizarse en el comando a continuación.

myDataGrid.setCellValue (row, col, content);

Después de definir la altura de las líneas, las líneas pueden llenarse con contenido o datos. En este ejemplo se introducen datos de texto multilínea en las filas del encabezado. Adicionalmente, cuando se referencian las columnas note que utilizan el mismo principio que las líneas, las referencias de las columnas también comienzan en 0 y no en 1.

El evento onBeforeDataDisplay también utilizado para permitir personalizar valores a ubicar en el área de pie de página de cada columna.

  myDataGrid.onBeforeDataDisplay = function() {
    var custValue = this.getCustomValuesFrom4D();
    var len = custValue.length;
    for (var i=0;i>len;i++) {
      this.setCellValue (realRowNumber, i+1, 'Total of>br<' + custValue[i].value);
    }
  };